diff --git a/.bk.development.env b/.bk.development.env index af515cf3a..0e2a3b613 100644 --- a/.bk.development.env +++ b/.bk.development.env @@ -1,7 +1,7 @@ // 本地开发前，请复制此文件并命名为 .bk.local.env。并正确填写以下变量 // 本地开发地质 -BK_APP_HOST = localhost.xxx.com +BK_APP_HOST = localhost // iam host BK_IAM_HOST = BK_IAM_HOST diff --git a/.eslintignore b/.eslintignore index bcbfd2887..53d717167 100644 --- a/.eslintignore +++ b/.eslintignore @@ -1,5 +1,5 @@ lib/server/model/migrations/ -lib/client/src/bk-cion/ +lib/client/src/bk-icon/ lib/client/src/components/render-nocode/common/ lib/client/src/components/flow/flow-canvas/*.js lib/client/common.html diff --git a/bk.config.js b/bk.config.js index 2be7b8eff..7c5d28e46 100644 --- a/bk.config.js +++ b/bk.config.js @@ -63,7 +63,7 @@ module.exports = { historyApiFallback: { rewrites: [ { from: /^\/$/, to: '/index.html' }, - { from: /^\/preview/, to: '/preview.html' } + { from: /^\/preview\//, to: '/preview.html' } ] } }, diff --git a/lib/client/require-monaco.html b/lib/client/require-monaco.html index 57bd8da99..3a523e889 100644 --- a/lib/client/require-monaco.html +++ b/lib/client/require-monaco.html @@ -31,11 +31,13 @@ }) window.MonacoEnvironment = { getWorkerUrl: function (workerId, label) { - return `data:text/javascript;charset=utf-8,${encodeURIComponent(` - self.MonacoEnvironment = { - baseUrl: '${urlPrefix}/monaco-editor/min//' - } - importScripts('${urlPrefix}/monaco-editor/min/vs/base/worker/workerMain.js')` + return `data:text/javascript;charset=utf-8,${encodeURIComponent( + ` + self.MonacoEnvironment = { + baseUrl: '${urlPrefix}/monaco-editor/min//' + } + importScripts('${urlPrefix}/monaco-editor/min/vs/base/worker/workerMain.js') + ` )}` } } diff --git a/lib/client/src/App.vue b/lib/client/src/App.vue index 327308e87..43b27ee98 100644 --- a/lib/client/src/App.vue +++ b/lib/client/src/App.vue @@ -19,22 +19,13 @@
- - +
- -
- -
- - Icon Cool - - -
-

- -

-
-
单色图标
-
彩色图标
-
-
-
    -
  • - -

    assembly-line

    -
    • -
  • - -

    home

    -
    • -
  • - -

    minus-circle

    -
    • -
  • - -

    plus-circle

    -
    • -
  • - -

    check-circle-fill

    -
    • -
  • - -

    assembly-line-fill

    -
    • -
  • - -

    close-circle-fill

    -
    • -
  • - -

    setting-fill

    -
    • -
  • - -

    play

    -
    • -
  • - -

    delete

    -
    • -
  • - -

    undo

    -
    • -
  • - -

    add-fill

    -
    • -
  • - -

    reduce-fill

    -
    • -
  • - -

    link

    -
    • -
  • - -

    full-screen

    -
    • -
  • - -

    delet

    -
    • -
  • - -

    upload

    -
    • -
  • - -

    set

    -
    • -
  • - -

    image

    -
    • -
  • - -

    download

    -
    • -
  • - -

    member

    -
    • -
  • - -

    info-tips

    -
    • -
  • - -

    edit

    -
    • -
  • - -

    close-small

    -
    • -
  • - -

    arrow-down

    -
    • -
  • - -

    batch-edit

    -
    • -
  • - -

    jump-link

    -
    • -
  • - -

    stretch

    -
    • -
  • - -

    drag

    -
    • -
  • - -

    circle-shape

    -
    • -
  • - -

    angle-left

    -
    • -
  • - -

    arrow-back

    -
    • -
  • - -

    badge

    -
    • -
  • - -

    46

    -
    • -
  • - -

    animatenumber

    -
    • -
  • - -

    button

    -
    • -
  • - -

    collapse

    -
    • -
  • - -

    checkbox

    -
    • -
  • - -

    dialog

    -
    • -
  • - -

    exception

    -
    • -
  • - -

    dropdownmenu

    -
    • -
  • - -

    info

    -
    • -
  • - -

    input

    -
    • -
  • - -

    form

    -
    • -
  • - -

    loading

    -
    • -
  • - -

    message

    -
    • -
  • - -

    nav

    -
    • -
  • - -

    notify

    -
    • -
  • - -

    pagination

    -
    • -
  • - -

    play-2

    -
    • -
  • - -

    popconfrim

    -
    • -
  • - -

    progress

    -
    • -
  • - -

    radio

    -
    • -
  • - -

    rate

    -
    • -
  • - -

    save

    -
    • -
  • - -

    roundprogress

    -
    • -
  • - -

    select

    -
    • -
  • - -

    sideslider

    -
    • -
  • - -

    slider

    -
    • -
  • - -

    step

    -
    • -
  • - -

    swiper

    -
    • -
  • - -

    switcher

    -
    • -
  • - -

    tab

    -
    • -
  • - -

    table

    -
    • -
  • - -

    text

    -
    • -
  • - -

    tag

    -
    • -
  • - -

    timeline

    -
    • -
  • - -

    tooltip

    -
    • -
  • - -

    transfer

    -
    • -
  • - -

    tree

    -
    • -
  • - -

    ctr+y

    -
    • -
  • - -

    ctr+z

    -
    • -
  • - -

    keyboard

    -
    • -
  • - -

    grid-2

    -
    • -
  • - -

    grid-3

    -
    • -
  • - -

    grid-4

    -
    • -
  • - -

    grid-6

    -
    • -
  • - -

    grid-5

    -
    • -
  • - -

    grid-7

    -
    • -
  • - -

    grid-8

    -
    • -
  • - -

    grid-9

    -
    • -
  • - -

    grid-10

    -
    • -
  • - -

    grid-11

    -
    • -
  • - -

    grid-12

    -
    • -
  • - -

    grid-1

    -
    • -
  • - -

    copy

    -
    • -
  • - -

    search

    -
    • -
  • - -

    diff

    -
    • -
  • - -

    user

    -
    • -
  • - -

    time-2

    -
    • -
  • - -

    date

    -
    • -
  • - -

    text-2

    -
    • -
  • - -

    border-y

    -
    • -
  • - -

    border-x

    -
    • -
  • - -

    border-all

    -
    • -
  • - -

    border-s

    -
    • -
  • - -

    radius-all

    -
    • -
  • - -

    border-z

    -
    • -
  • - -

    radius-s

    -
    • -
  • - -

    radius-sj

    -
    • -
  • - -

    radius-ys

    -
    • -
  • - -

    radius-yx

    -
    • -
  • - -

    radius-zs

    -
    • -
  • - -

    github-logo

    -
    • -
  • - -

    update-log-fill

    -
    • -
  • - -

    histogram

    -
    • -
  • - -

    line-chart

    -
    • -
  • - -

    pie-chart

    -
    • -
  • - -

    refresh-line

    -
    • -
  • - -

    nav-toggle

    -
    • -
  • - -

    function-fill

    -
    • -
  • - -

    info-fill

    -
    • -
  • - -

    favorite

    -
    • -
  • - -

    template-fill

    -
    • -
  • - -

    summary-fill

    -
    • -
  • - -

    favorite-o

    -
    • -
  • - -

    list-fill

    -
    • -
  • - -

    user-group

    -
    • -
  • - -

    project-list

    -
    • -
  • - -

    more-dot

    -
    • -
  • - -

    grag-fill

    -
    • -
  • - -

    custom-comp-default

    -
    • -
  • - -

    folder-fill

    -
    • -
  • - -

    template-logo

    -
    • -
  • - -

    flow-fill

    -
    • -
  • - -

    function-fill

    -
    • -
  • - -

    un-full-screen

    -
    • -
  • - -

    code-full-screen

    -
    • -
  • - -

    angle-down-fill

    -
    • -
  • - -

    angle-up-fill

    -
    • -
  • - -

    angle-right-fill

    -
    • -
  • - -

    angle-left-fill

    -
    • -
  • - -

    close-line

    -
    • -
  • - -

    add-line

    -
    • -
  • - -

    save-line

    -
    • -
  • - -

    cc-jump-link

    -
    • -
  • - -

    offshelf

    -
    • -
  • - -

    add-3

    -
    • -
  • - -

    picture-fail-line

    -
    • -
  • - -

    1_deploy-fill

    -
    • -
  • - -

    loading-2

    -
    • -
  • - -

    router

    -
    • -
  • - -

    un-full-screen-2

    -
    • -
  • - -

    filliscreen-line

    -
    • -
  • - -

    card

    -
    • -
  • - -

    popover-2

    -
    • -
  • - -

    colorpick

    -
    • -
  • - -

    bigtree

    -
    • -
  • - -

    cascade-jilianxuankuang

    -
    • -
  • - -

    link1

    -
    • -
  • - -

    vesion-fill

    -
    • -
  • - -

    process

    -
    • -
  • - -

    off-shelf

    -
    • -
  • - -

    alert-line

    -
    • -
  • - -

    reflash-line

    -
    • -
  • - -

    token-fill

    -
    • -
  • - -

    template-fill-2

    -
    • -
  • - -

    breadcrumb

    -
    • -
  • - -

    bottom-group

    -
    • -
  • - -

    freedrag

    -
    • -
  • - -

    copy-line

    -
    • -
  • - -

    comment-fill

    -
    • -
  • - -

    download-line

    -
    • -
  • - -

    invisible-eye

    -
    • -
  • - -

    level-down

    -
    • -
  • - -

    audit

    -
    • -
  • - -

    unfold

    -
    • -
  • - -

    fold

    -
    • -
  • - -

    directives

    -
    • -
  • - -

    variable

    -
    • -
  • - -

    variable-manage

    -
    • -
  • - -

    yemianhanshu

    -
    • -
  • - -

    hanshuku

    -
    • -
  • - -

    page-variable

    -
    • -
  • - -

    yuanma

    -
    • -
  • - -

    shanchu

    -
    • -
  • - -

    fankui

    -
    • -
  • - -

    auth-set

    -
    • -
  • - -

    json

    -
    • -
  • - -

    logo

    -
    • -
  • - -

    visible-eye

    -
    • -
  • - -

    process

    -
    • -
  • - -

    huabu

    -
    • -
  • - -

    drag-small

    -
    • -
  • - -

    select-value

    -
    • -
  • - -

    select-variable

    -
    • -
  • - -

    select-expression

    -
    • -
  • - -

    drag-small1

    -
    • -
  • - -

    icon-manage

    -
    • -
  • - -

    document

    -
    • -
  • - -

    qiyeweixin

    -
    • -
  • - -

    erweima

    -
    • -
  • - -

    lianxi

    -
    • -
  • - -

    qq-2

    -
    • -
  • - -

    gaojing

    -
    • -
  • - -

    bubble-chart

    -
    • -
  • - -

    scatter-chart

    -
    • -
  • - -

    radar-chart

    -
    • -
  • - -

    bk-bubble-chart

    -
    • -
  • - -

    bk-scatter-chart

    -
    • -
  • - -

    fix

    -
    • -
  • - -

    export

    -
    • -
  • - -

    sql

    -
    • -
  • - -

    csv

    -
    • -
  • - -

    shuipingjuzhuduiqi

    -
    • -
  • - -

    diduiqi

    -
    • -
  • - -

    chuizhijuzhongduiqi

    -
    • -
  • - -

    youduiqi

    -
    • -
  • - -

    dingduiqi

    -
    • -
  • - -

    zuoduiqi

    -
    • -
  • - -

    data-table

    -
    • -
  • - -

    data-source-manage

    -
    • -
  • - -

    version

    -
    • -
  • - -

    mobilephone

    -
    • -
  • - -

    pc

    -
    • -
  • - -

    templateline

    -
    • -
  • - -

    file-video

    -
    • -
  • - -

    file-image

    -
    • -
  • - -

    file-text

    -
    • -
  • - -

    file-zip

    -
    • -
  • - -

    file-pdf

    -
    • -
  • - -

    file-audio

    -
    • -
  • - -

    file-doc

    -
    • -
  • - -

    file-excel

    -
    • -
  • - -

    file-ppt

    -
    • -
  • - -

    cellcellgroup

    -
    • -
  • - -

    circle

    -
    • -
  • - -

    empty

    -
    • -
  • - -

    countdown

    -
    • -
  • - -

    divider

    -
    • -
  • - -

    noticebar

    -
    • -
  • - -

    loading

    -
    • -
  • - -

    navbar

    -
    • -
  • - -

    numberkeyborad

    -
    • -
  • - -

    passwordinput

    -
    • -
  • - -

    picker

    -
    • -
  • - -

    search-2

    -
    • -
  • - -

    skeleton

    -
    • -
  • - -

    step

    -
    • -
  • - -

    treeselect

    -
    • -
  • - -

    stepper

    -
    • -
  • - -

    icon-2

    -
    • -
  • - -

    it-new-desktop

    -
    • -
  • - -

    set-fill

    -
    • -
  • - -

    battery

    -
    • -
  • - -

    wifi

    -
    • -
  • - -

    cellular-connection

    -
    • -
  • - -

    column

    -
    • -
  • - -

    grid

    -
    • -
  • - -

    info

    -
    • -
  • - -

    page

    -
    • -
  • - -

    image-small

    -
    • -
  • - -

    flow

    -
    • -
  • - -

    source

    -
    • -
  • - -

    column

    -
    • -
  • - -

    grid

    -
    • -
  • - -

    display-card

    -
    • -
  • - -

    display-list

    -
    • -
  • - -

    links

    -
    • -
  • - -

    compoment-count

    -
    • -
  • - -

    fc-count

    -
    • -
  • - -

    project-count

    -
    • -
  • - -

    user-count

    -
    • -
  • - -

    project

    -
    • -
  • - -

    chanpinjieshao

    -
    • -
  • - -

    chuizhijunfen

    -
    • -
  • - -

    shuipingjunfen

    -
    • -
  • - -

    shuipingjuzhong

    -
    • -
  • - -

    1_diduiqi

    -
    • -
  • - -

    1_dingduiqi

    -
    • -
  • - -

    1_juzhongduiqi

    -
    • -
  • - -

    1_youduiqi

    -
    • -
  • - -

    1_zuoduiqi

    -
    • -
  • - -

    shangxiachengkai

    -
    • -
  • - -

    shangxialashen

    -
    • -
  • - -

    xiangxiazishiying

    -
    • -
  • - -

    youshangjiaolashen

    -
    • -
  • - -

    youxiajiaolashen

    -
    • -
  • - -

    yuanjiao

    -
    • -
  • - -

    zuoyouchengkai

    -
    • -
  • - -

    zuoyoulashen

    -
    • -
  • - -

    zuoyouchengman

    -
    • -
  • - -

    rengongjiedian

    -
    • -
  • - -

    shenpijiedian

    -
    • -
  • - -

    huiqianjiedian

    -
    • -
  • - -

    apijiedian

    -
    • -
  • - -

    shujuchulijiedian

    -
    • -
  • - -

    end

    -
    • -
  • - -

    parallel

    -
    • -
  • - -

    converge

    -
    • -
  • - -

    start

    -
    • -
  • - -

    danxingwenben

    -
    • -
  • - -

    danxuankuang

    -
    • -
  • - -

    danxuanrenyuanxuanze

    -
    • -
  • - -

    danxuanxiala

    -
    • -
  • - -

    duoxuankuang

    -
    • -
  • - -

    duoxuanrenyuanxuanze

    -
    • -
  • - -

    duoxingwenben

    -
    • -
  • - -

    duoxuanxiala

    -
    • -
  • - -

    fengexian

    -
    • -
  • - -

    fuwenben

    -
    • -
  • - -

    keshurudanxuanxiala

    -
    • -
  • - -

    lianjie

    -
    • -
  • - -

    miaoshuwenben

    -
    • -
  • - -

    riqi

    -
    • -
  • - -

    shangchuan

    -
    • -
  • - -

    shijian

    -
    • -
  • - -

    tupian

    -
    • -
  • - -

    shuzi

    -
    • -
  • - -

    zidingyibiaoge

    -
    • -
  • - -

    sort

    -
    • -
  • - -

    liebiao

    -
    • -
  • - -

    kapian

    -
    • -
  • - -

    refill

    -
    • -
-

为什么使用

-
    -
  • 弹性，在网页或者 app 上，展示字体是很便捷的。用字体图标可以很方便的改变 icon 的颜色，或者加入一些其他的效果
    • -
  • 可缩放，可以很方便的改变图标的大小
    • -
  • 矢量，字体图标是矢量的并且具有独立的分辨率，不管在高分辨率还是低分辨率，不管是在网页还是手机端，都具有很好的展示效果，不会出现锯齿或者马赛克模糊
    • -
  • 节省加载时间，字体图标很小，每个小图标只有几 kb，大大节省了加载时间
    • -
-

如何使用

-
    -
  • 将整个目录复制到您的项目里
    • -
  • 引入 style.css
    • -
  • 挑选相应图标并获取类名，如 .bk-icon .icon-demo
    • -
-
-
-
    -
  • - - - -

    assembly-line

    -
    • -
  • - - - -

    home

    -
    • -
  • - - - -

    minus-circle

    -
    • -
  • - - - -

    plus-circle

    -
    • -
  • - - - -

    check-circle-fill

    -
    • -
  • - - - -

    assembly-line-fill

    -
    • -
  • - - - -

    close-circle-fill

    -
    • -
  • - - - -

    setting-fill

    -
    • -
  • - - - -

    play

    -
    • -
  • - - - -

    delete

    -
    • -
  • - - - -

    undo

    -
    • -
  • - - - -

    add-fill

    -
    • -
  • - - - -

    reduce-fill

    -
    • -
  • - - - -

    link

    -
    • -
  • - - - -

    full-screen

    -
    • -
  • - - - -

    delet

    -
    • -
  • - - - -

    upload

    -
    • -
  • - - - -

    set

    -
    • -
  • - - - -

    image

    -
    • -
  • - - - -

    download

    -
    • -
  • - - - -

    member

    -
    • -
  • - - - -

    info-tips

    -
    • -
  • - - - -

    edit

    -
    • -
  • - - - -

    close-small

    -
    • -
  • - - - -

    arrow-down

    -
    • -
  • - - - -

    batch-edit

    -
    • -
  • - - - -

    jump-link

    -
    • -
  • - - - -

    stretch

    -
    • -
  • - - - -

    drag

    -
    • -
  • - - - -

    circle-shape

    -
    • -
  • - - - -

    angle-left

    -
    • -
  • - - - -

    arrow-back

    -
    • -
  • - - - -

    badge

    -
    • -
  • - - - -

    46

    -
    • -
  • - - - -

    animatenumber

    -
    • -
  • - - - -

    button

    -
    • -
  • - - - -

    collapse

    -
    • -
  • - - - -

    checkbox

    -
    • -
  • - - - -

    dialog

    -
    • -
  • - - - -

    exception

    -
    • -
  • - - - -

    dropdownmenu

    -
    • -
  • - - - -

    info

    -
    • -
  • - - - -

    input

    -
    • -
  • - - - -

    form

    -
    • -
  • - - - -

    loading

    -
    • -
  • - - - -

    message

    -
    • -
  • - - - -

    nav

    -
    • -
  • - - - -

    notify

    -
    • -
  • - - - -

    pagination

    -
    • -
  • - - - -

    play-2

    -
    • -
  • - - - -

    popconfrim

    -
    • -
  • - - - -

    progress

    -
    • -
  • - - - -

    radio

    -
    • -
  • - - - -

    rate

    -
    • -
  • - - - -

    save

    -
    • -
  • - - - -

    roundprogress

    -
    • -
  • - - - -

    select

    -
    • -
  • - - - -

    sideslider

    -
    • -
  • - - - -

    slider

    -
    • -
  • - - - -

    step

    -
    • -
  • - - - -

    swiper

    -
    • -
  • - - - -

    switcher

    -
    • -
  • - - - -

    tab

    -
    • -
  • - - - -

    table

    -
    • -
  • - - - -

    text

    -
    • -
  • - - - -

    tag

    -
    • -
  • - - - -

    timeline

    -
    • -
  • - - - -

    tooltip

    -
    • -
  • - - - -

    transfer

    -
    • -
  • - - - -

    tree

    -
    • -
  • - - - -

    ctr+y

    -
    • -
  • - - - -

    ctr+z

    -
    • -
  • - - - -

    keyboard

    -
    • -
  • - - - -

    grid-2

    -
    • -
  • - - - -

    grid-3

    -
    • -
  • - - - -

    grid-4

    -
    • -
  • - - - -

    grid-6

    -
    • -
  • - - - -

    grid-5

    -
    • -
  • - - - -

    grid-7

    -
    • -
  • - - - -

    grid-8

    -
    • -
  • - - - -

    grid-9

    -
    • -
  • - - - -

    grid-10

    -
    • -
  • - - - -

    grid-11

    -
    • -
  • - - - -

    grid-12

    -
    • -
  • - - - -

    grid-1

    -
    • -
  • - - - -

    copy

    -
    • -
  • - - - -

    search

    -
    • -
  • - - - -

    diff

    -
    • -
  • - - - -

    user

    -
    • -
  • - - - -

    time-2

    -
    • -
  • - - - -

    date

    -
    • -
  • - - - -

    text-2

    -
    • -
  • - - - -

    border-y

    -
    • -
  • - - - -

    border-x

    -
    • -
  • - - - -

    border-all

    -
    • -
  • - - - -

    border-s

    -
    • -
  • - - - -

    radius-all

    -
    • -
  • - - - -

    border-z

    -
    • -
  • - - - -

    radius-s

    -
    • -
  • - - - -

    radius-sj

    -
    • -
  • - - - -

    radius-ys

    -
    • -
  • - - - -

    radius-yx

    -
    • -
  • - - - -

    radius-zs

    -
    • -
  • - - - -

    github-logo

    -
    • -
  • - - - -

    update-log-fill

    -
    • -
  • - - - -

    histogram

    -
    • -
  • - - - -

    line-chart

    -
    • -
  • - - - -

    pie-chart

    -
    • -
  • - - - -

    refresh-line

    -
    • -
  • - - - -

    nav-toggle

    -
    • -
  • - - - -

    function-fill

    -
    • -
  • - - - -

    info-fill

    -
    • -
  • - - - -

    favorite

    -
    • -
  • - - - -

    template-fill

    -
    • -
  • - - - -

    summary-fill

    -
    • -
  • - - - -

    favorite-o

    -
    • -
  • - - - -

    list-fill

    -
    • -
  • - - - -

    user-group

    -
    • -
  • - - - -

    project-list

    -
    • -
  • - - - -

    more-dot

    -
    • -
  • - - - -

    grag-fill

    -
    • -
  • - - - -

    custom-comp-default

    -
    • -
  • - - - -

    folder-fill

    -
    • -
  • - - - -

    template-logo

    -
    • -
  • - - - -

    flow-fill

    -
    • -
  • - - - -

    function-fill

    -
    • -
  • - - - -

    un-full-screen

    -
    • -
  • - - - -

    code-full-screen

    -
    • -
  • - - - -

    angle-down-fill

    -
    • -
  • - - - -

    angle-up-fill

    -
    • -
  • - - - -

    angle-right-fill

    -
    • -
  • - - - -

    angle-left-fill

    -
    • -
  • - - - -

    close-line

    -
    • -
  • - - - -

    add-line

    -
    • -
  • - - - -

    save-line

    -
    • -
  • - - - -

    cc-jump-link

    -
    • -
  • - - - -

    offshelf

    -
    • -
  • - - - -

    add-3

    -
    • -
  • - - - -

    picture-fail-line

    -
    • -
  • - - - -

    1_deploy-fill

    -
    • -
  • - - - -

    loading-2

    -
    • -
  • - - - -

    router

    -
    • -
  • - - - -

    un-full-screen-2

    -
    • -
  • - - - -

    filliscreen-line

    -
    • -
  • - - - -

    card

    -
    • -
  • - - - -

    popover-2

    -
    • -
  • - - - -

    colorpick

    -
    • -
  • - - - -

    bigtree

    -
    • -
  • - - - -

    cascade-jilianxuankuang

    -
    • -
  • - - - -

    link1

    -
    • -
  • - - - -

    vesion-fill

    -
    • -
  • - - - -

    process

    -
    • -
  • - - - -

    off-shelf

    -
    • -
  • - - - -

    alert-line

    -
    • -
  • - - - -

    reflash-line

    -
    • -
  • - - - -

    token-fill

    -
    • -
  • - - - -

    template-fill-2

    -
    • -
  • - - - -

    breadcrumb

    -
    • -
  • - - - -

    bottom-group

    -
    • -
  • - - - -

    freedrag

    -
    • -
  • - - - -

    copy-line

    -
    • -
  • - - - -

    comment-fill

    -
    • -
  • - - - -

    download-line

    -
    • -
  • - - - -

    invisible-eye

    -
    • -
  • - - - -

    level-down

    -
    • -
  • - - - -

    audit

    -
    • -
  • - - - -

    unfold

    -
    • -
  • - - - -

    fold

    -
    • -
  • - - - -

    directives

    -
    • -
  • - - - -

    variable

    -
    • -
  • - - - -

    variable-manage

    -
    • -
  • - - - -

    yemianhanshu

    -
    • -
  • - - - -

    hanshuku

    -
    • -
  • - - - -

    page-variable

    -
    • -
  • - - - -

    yuanma

    -
    • -
  • - - - -

    shanchu

    -
    • -
  • - - - -

    fankui

    -
    • -
  • - - - -

    auth-set

    -
    • -
  • - - - -

    json

    -
    • -
  • - - - -

    logo

    -
    • -
  • - - - -

    visible-eye

    -
    • -
  • - - - -

    process

    -
    • -
  • - - - -

    huabu

    -
    • -
  • - - - -

    drag-small

    -
    • -
  • - - - -

    select-value

    -
    • -
  • - - - -

    select-variable

    -
    • -
  • - - - -

    select-expression

    -
    • -
  • - - - -

    drag-small1

    -
    • -
  • - - - -

    icon-manage

    -
    • -
  • - - - -

    document

    -
    • -
  • - - - -

    qiyeweixin

    -
    • -
  • - - - -

    erweima

    -
    • -
  • - - - -

    lianxi

    -
    • -
  • - - - -

    qq-2

    -
    • -
  • - - - -

    gaojing

    -
    • -
  • - - - -

    bubble-chart

    -
    • -
  • - - - -

    scatter-chart

    -
    • -
  • - - - -

    radar-chart

    -
    • -
  • - - - -

    bk-bubble-chart

    -
    • -
  • - - - -

    bk-scatter-chart

    -
    • -
  • - - - -

    fix

    -
    • -
  • - - - -

    export

    -
    • -
  • - - - -

    sql

    -
    • -
  • - - - -

    csv

    -
    • -
  • - - - -

    shuipingjuzhuduiqi

    -
    • -
  • - - - -

    diduiqi

    -
    • -
  • - - - -

    chuizhijuzhongduiqi

    -
    • -
  • - - - -

    youduiqi

    -
    • -
  • - - - -

    dingduiqi

    -
    • -
  • - - - -

    zuoduiqi

    -
    • -
  • - - - -

    data-table

    -
    • -
  • - - - -

    data-source-manage

    -
    • -
  • - - - -

    version

    -
    • -
  • - - - -

    mobilephone

    -
    • -
  • - - - -

    pc

    -
    • -
  • - - - -

    templateline

    -
    • -
  • - - - -

    file-video

    -
    • -
  • - - - -

    file-image

    -
    • -
  • - - - -

    file-text

    -
    • -
  • - - - -

    file-zip

    -
    • -
  • - - - -

    file-pdf

    -
    • -
  • - - - -

    file-audio

    -
    • -
  • - - - -

    file-doc

    -
    • -
  • - - - -

    file-excel

    -
    • -
  • - - - -

    file-ppt

    -
    • -
  • - - - -

    cellcellgroup

    -
    • -
  • - - - -

    circle

    -
    • -
  • - - - -

    empty

    -
    • -
  • - - - -

    countdown

    -
    • -
  • - - - -

    divider

    -
    • -
  • - - - -

    noticebar

    -
    • -
  • - - - -

    loading

    -
    • -
  • - - - -

    navbar

    -
    • -
  • - - - -

    numberkeyborad

    -
    • -
  • - - - -

    passwordinput

    -
    • -
  • - - - -

    picker

    -
    • -
  • - - - -

    search-2

    -
    • -
  • - - - -

    skeleton

    -
    • -
  • - - - -

    step

    -
    • -
  • - - - -

    treeselect

    -
    • -
  • - - - -

    stepper

    -
    • -
  • - - - -

    icon-2

    -
    • -
  • - - - -

    it-new-desktop

    -
    • -
  • - - - -

    set-fill

    -
    • -
  • - - - -

    battery

    -
    • -
  • - - - -

    wifi

    -
    • -
  • - - - -

    cellular-connection

    -
    • -
  • - - - -

    column

    -
    • -
  • - - - -

    grid

    -
    • -
  • - - - -

    info

    -
    • -
  • - - - -

    page

    -
    • -
  • - - - -

    image-small

    -
    • -
  • - - - -

    flow

    -
    • -
  • - - - -

    source

    -
    • -
  • - - - -

    column

    -
    • -
  • - - - -

    grid

    -
    • -
  • - - - -

    display-card

    -
    • -
  • - - - -

    display-list

    -
    • -
  • - - - -

    links

    -
    • -
  • - - - -

    compoment-count

    -
    • -
  • - - - -

    fc-count

    -
    • -
  • - - - -

    project-count

    -
    • -
  • - - - -

    user-count

    -
    • -
  • - - - -

    project

    -
    • -
  • - - - -

    chanpinjieshao

    -
    • -
  • - - - -

    chuizhijunfen

    -
    • -
  • - - - -

    shuipingjunfen

    -
    • -
  • - - - -

    shuipingjuzhong

    -
    • -
  • - - - -

    1_diduiqi

    -
    • -
  • - - - -

    1_dingduiqi

    -
    • -
  • - - - -

    1_juzhongduiqi

    -
    • -
  • - - - -

    1_youduiqi

    -
    • -
  • - - - -

    1_zuoduiqi

    -
    • -
  • - - - -

    shangxiachengkai

    -
    • -
  • - - - -

    shangxialashen

    -
    • -
  • - - - -

    xiangxiazishiying

    -
    • -
  • - - - -

    youshangjiaolashen

    -
    • -
  • - - - -

    youxiajiaolashen

    -
    • -
  • - - - -

    yuanjiao

    -
    • -
  • - - - -

    zuoyouchengkai

    -
    • -
  • - - - -

    zuoyoulashen

    -
    • -
  • - - - -

    zuoyouchengman

    -
    • -
  • - - - -

    rengongjiedian

    -
    • -
  • - - - -

    shenpijiedian

    -
    • -
  • - - - -

    huiqianjiedian

    -
    • -
  • - - - -

    apijiedian

    -
    • -
  • - - - -

    shujuchulijiedian

    -
    • -
  • - - - -

    end

    -
    • -
  • - - - -

    parallel

    -
    • -
  • - - - -

    converge

    -
    • -
  • - - - -

    start

    -
    • -
  • - - - -

    danxingwenben

    -
    • -
  • - - - -

    danxuankuang

    -
    • -
  • - - - -

    danxuanrenyuanxuanze

    -
    • -
  • - - - -

    danxuanxiala

    -
    • -
  • - - - -

    duoxuankuang

    -
    • -
  • - - - -

    duoxuanrenyuanxuanze

    -
    • -
  • - - - -

    duoxingwenben

    -
    • -
  • - - - -

    duoxuanxiala

    -
    • -
  • - - - -

    fengexian

    -
    • -
  • - - - -

    fuwenben

    -
    • -
  • - - - -

    keshurudanxuanxiala

    -
    • -
  • - - - -

    lianjie

    -
    • -
  • - - - -

    miaoshuwenben

    -
    • -
  • - - - -

    riqi

    -
    • -
  • - - - -

    shangchuan

    -
    • -
  • - - - -

    shijian

    -
    • -
  • - - - -

    tupian

    -
    • -
  • - - - -

    shuzi

    -
    • -
  • - - - -

    zidingyibiaoge

    -
    • -
  • - - - -

    sort

    -
    • -
  • - - - -

    liebiao

    -
    • -
  • - - - -

    kapian

    -
    • -
  • - - - -

    refill

    -
    • -
-

为什么使用

-
    -
  • 支持彩色图标
    • -
  • 跨 SVG 使用，使用 use 可调用文档中加载的所有 SVG 图标
    • -
-

如何使用

-
    -
  • 将下载的资源文件中 iconcool.js 文件外部资源通过 script 标签引入
    • -
  • 在 html 模板文件中挑选对应的对应图标的名称使用，例如： - 
    -    <svg aria-hidden="true">
-      <use xlink:href="#icon-xxx"></use>
-    </svg>
-
    -
    • -
-
- -
- - - \ No newline at end of file diff --git a/lib/client/src/bk-icon/fonts/iconcool.eot b/lib/client/src/bk-icon/fonts/iconcool.eot index 6bc700f5c..9b1f0d3a3 100644 Binary files a/lib/client/src/bk-icon/fonts/iconcool.eot and b/lib/client/src/bk-icon/fonts/iconcool.eot differ diff --git a/lib/client/src/bk-icon/fonts/iconcool.svg b/lib/client/src/bk-icon/fonts/iconcool.svg index 4a1b0be6e..848d58923 100644 --- a/lib/client/src/bk-icon/fonts/iconcool.svg +++ b/lib/client/src/bk-icon/fonts/iconcool.svg @@ -338,6 +338,12 @@ + + + + + + @@ -455,6 +461,9 @@ + + + @@ -971,6 +980,21 @@ + + + + + + + + + + + + + + + diff --git a/lib/client/src/bk-icon/fonts/iconcool.ttf b/lib/client/src/bk-icon/fonts/iconcool.ttf index 924daae7c..46500aad2 100644 Binary files a/lib/client/src/bk-icon/fonts/iconcool.ttf and b/lib/client/src/bk-icon/fonts/iconcool.ttf differ diff --git a/lib/client/src/bk-icon/fonts/iconcool.woff b/lib/client/src/bk-icon/fonts/iconcool.woff index 3edebe839..b36aab55a 100644 Binary files a/lib/client/src/bk-icon/fonts/iconcool.woff and b/lib/client/src/bk-icon/fonts/iconcool.woff differ diff --git a/lib/client/src/bk-icon/iconcool.js b/lib/client/src/bk-icon/iconcool.js index 46aaa76f8..da256cf3b 100644 --- a/lib/client/src/bk-icon/iconcool.js +++ b/lib/client/src/bk-icon/iconcool.js @@ -1,5 +1,5 @@ !(function () { - var svgCode = '' + var svgCode = '' if (document.body) { document.body.insertAdjacentHTML('afterbegin', svgCode) } else { diff --git a/lib/client/src/bk-icon/iconcool.json b/lib/client/src/bk-icon/iconcool.json index 0368b2cb6..58433808c 100644 --- a/lib/client/src/bk-icon/iconcool.json +++ b/lib/client/src/bk-icon/iconcool.json @@ -1 +1 @@ -{"iconName":"bk-drag","icons":[{"name":"assembly-line","svgCode":"\n\n\n\n\n\t\n\t\t\n\t\n\n\n","codepoint":"\\e240"},{"name":"home","svgCode":"\n\n\n\n\n\n\t\n\n\n","codepoint":"\\e15d"},{"name":"minus-circle","svgCode":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","codepoint":"\\e219"},{"name":"plus-circle","svgCode":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","codepoint":"\\e21a"},{"name":"check-circle-fill","svgCode":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n","codepoint":"\\e180"},{"name":"assembly-line-fill","svgCode":"","codepoint":"\\e244"},{"name":"close-circle-fill","svgCode":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","codepoint":"\\e181"},{"name":"setting-fill","svgCode":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","codepoint":"\\e1f4"},{"name":"play","svgCode":"\n\n\n\n\n\t\n\t\n\n\n","codepoint":"\\e103"},{"name":"delete","svgCode":"\n\n\n\n\n\t\n\t\n\n\n","codepoint":"\\e104"},{"name":"undo","svgCode":"\n\n\n\n\n\t\n\t\n\n\n","codepoint":"\\e105"},{"name":"add-fill","svgCode":"\n\n\n\n\n\n","codepoint":"\\e141"},{"name":"reduce-fill","svgCode":"\n\n\n\n\n\n","codepoint":"\\e142"},{"name":"link","svgCode":"\n\n\n\n\n\n\n\n","codepoint":"\\e143"},{"name":"full-screen","svgCode":"\n\n\n\n\n\n\n\n","codepoint":"\\e109"},{"name":"delet","svgCode":"\n\n\n\n\n\n\n\n","codepoint":"\\e148"},{"name":"upload","svgCode":"\n\n\n\n\n\t\n\t\t\n\t\t\n\t\n\n\n","codepoint":"\\e14a"},{"name":"set","svgCode":"\n\n\n\n\n\t\n\t\n\n\n","codepoint":"\\e1af"},{"name":"image","svgCode":"\n\n\n\n\n\t\n\t\n\n\n","codepoint":"\\e107"},{"name":"download","svgCode":"\n\n\n\n\n\n\n","codepoint":"\\e108"},{"name":"member","svgCode":"\n\n\n\n\n\n\n","codepoint":"\\e162"},{"name":"info-tips","svgCode":"\n\n\n\n\n\t\n\t\n\t\n\n\n","codepoint":"\\e182"},{"name":"edit","svgCode":"\n\n\n\n\n\n\n\n","codepoint":"\\e17b"},{"name":"close-small","svgCode":"\n\n\n\n\n\n","codepoint":"\\e147"},{"name":"arrow-down","svgCode":"\n\n\n\n\n\n","codepoint":"\\e106"},{"name":"batch-edit","svgCode":"","codepoint":"\\e146"},{"name":"jump-link","svgCode":"","codepoint":"\\e140"},{"name":"stretch","svgCode":"","codepoint":"\\e145"},{"name":"drag","svgCode":"","codepoint":"\\e144"},{"name":"circle-shape","svgCode":"","codepoint":"\\e192"},{"name":"angle-left","svgCode":"","codepoint":"\\e101"},{"name":"arrow-back","svgCode":"","codepoint":"\\e102"},{"name":"badge","svgCode":"","codepoint":"\\e10b"},{"name":"46","svgCode":"","codepoint":"\\e10c"},{"name":"animatenumber","svgCode":"","codepoint":"\\e10d"},{"name":"button","svgCode":"","codepoint":"\\e10e"},{"name":"collapse","svgCode":"","codepoint":"\\e110"},{"name":"checkbox","svgCode":"","codepoint":"\\e10f"},{"name":"dialog","svgCode":"","codepoint":"\\e111"},{"name":"exception","svgCode":"","codepoint":"\\e112"},{"name":"dropdownmenu","svgCode":"","codepoint":"\\e113"},{"name":"info","svgCode":"","codepoint":"\\e114"},{"name":"input","svgCode":"","codepoint":"\\e115"},{"name":"form","svgCode":"","codepoint":"\\e116"},{"name":"loading","svgCode":"","codepoint":"\\e117"},{"name":"message","svgCode":"","codepoint":"\\e118"},{"name":"nav","svgCode":"","codepoint":"\\e119"},{"name":"notify","svgCode":"","codepoint":"\\e11a"},{"name":"pagination","svgCode":"","codepoint":"\\e11b"},{"name":"play-2","svgCode":"","codepoint":"\\e11c"},{"name":"popconfrim","svgCode":"","codepoint":"\\e11e"},{"name":"progress","svgCode":"","codepoint":"\\e11d"},{"name":"radio","svgCode":"","codepoint":"\\e11f"},{"name":"rate","svgCode":"","codepoint":"\\e120"},{"name":"save","svgCode":"","codepoint":"\\e122"},{"name":"roundprogress","svgCode":"","codepoint":"\\e121"},{"name":"select","svgCode":"","codepoint":"\\e124"},{"name":"sideslider","svgCode":"","codepoint":"\\e125"},{"name":"slider","svgCode":"","codepoint":"\\e123"},{"name":"step","svgCode":"","codepoint":"\\e126"},{"name":"swiper","svgCode":"","codepoint":"\\e127"},{"name":"switcher","svgCode":"","codepoint":"\\e128"},{"name":"tab","svgCode":"","codepoint":"\\e12a"},{"name":"table","svgCode":"","codepoint":"\\e129"},{"name":"text","svgCode":"","codepoint":"\\e12b"},{"name":"tag","svgCode":"","codepoint":"\\e12c"},{"name":"timeline","svgCode":"","codepoint":"\\e12d"},{"name":"tooltip","svgCode":"","codepoint":"\\e12e"},{"name":"transfer","svgCode":"","codepoint":"\\e12f"},{"name":"tree","svgCode":"","codepoint":"\\e130"},{"name":"ctr+y","svgCode":"","codepoint":"\\e131"},{"name":"ctr+z","svgCode":"","codepoint":"\\e132"},{"name":"keyboard","svgCode":"","codepoint":"\\e133"},{"name":"grid-2","svgCode":"","codepoint":"\\e134"},{"name":"grid-3","svgCode":"","codepoint":"\\e135"},{"name":"grid-4","svgCode":"","codepoint":"\\e136"},{"name":"grid-6","svgCode":"","codepoint":"\\e137"},{"name":"grid-5","svgCode":"","codepoint":"\\e13a"},{"name":"grid-7","svgCode":"","codepoint":"\\e13b"},{"name":"grid-8","svgCode":"","codepoint":"\\e138"},{"name":"grid-9","svgCode":"","codepoint":"\\e139"},{"name":"grid-10","svgCode":"","codepoint":"\\e13c"},{"name":"grid-11","svgCode":"","codepoint":"\\e13d"},{"name":"grid-12","svgCode":"","codepoint":"\\e13e"},{"name":"grid-1","svgCode":"","codepoint":"\\e13f"},{"name":"copy","svgCode":"","codepoint":"\\e149"},{"name":"search","svgCode":"","codepoint":"\\e14b"},{"name":"diff","svgCode":"","codepoint":"\\e14d"},{"name":"user","svgCode":"","codepoint":"\\e14c"},{"name":"time-2","svgCode":"","codepoint":"\\e14e"},{"name":"date","svgCode":"","codepoint":"\\e14f"},{"name":"text-2","svgCode":"","codepoint":"\\e150"},{"name":"border-y","svgCode":"","codepoint":"\\e151"},{"name":"border-x","svgCode":"","codepoint":"\\e152"},{"name":"border-all","svgCode":"","codepoint":"\\e153"},{"name":"border-s","svgCode":"","codepoint":"\\e154"},{"name":"radius-all","svgCode":"","codepoint":"\\e155"},{"name":"border-z","svgCode":"","codepoint":"\\e157"},{"name":"radius-s","svgCode":"","codepoint":"\\e156"},{"name":"radius-sj","svgCode":"","codepoint":"\\e158"},{"name":"radius-ys","svgCode":"","codepoint":"\\e159"},{"name":"radius-yx","svgCode":"","codepoint":"\\e15a"},{"name":"radius-zs","svgCode":"","codepoint":"\\e15b"},{"name":"github-logo","svgCode":"","codepoint":"\\e15c"},{"name":"update-log-fill","svgCode":"","codepoint":"\\e15e"},{"name":"histogram","svgCode":"","codepoint":"\\e15f"},{"name":"line-chart","svgCode":"","codepoint":"\\e160"},{"name":"pie-chart","svgCode":"","codepoint":"\\e161"},{"name":"refresh-line","svgCode":"","codepoint":"\\e200"},{"name":"nav-toggle","svgCode":"","codepoint":"\\e163"},{"name":"function-fill","svgCode":"","codepoint":"\\e165"},{"name":"info-fill","svgCode":"","codepoint":"\\e166"},{"name":"favorite","svgCode":"","codepoint":"\\e167"},{"name":"template-fill","svgCode":"","codepoint":"\\e168"},{"name":"summary-fill","svgCode":"","codepoint":"\\e164"},{"name":"favorite-o","svgCode":"","codepoint":"\\e169"},{"name":"list-fill","svgCode":"","codepoint":"\\e16b"},{"name":"user-group","svgCode":"","codepoint":"\\e16c"},{"name":"project-list","svgCode":"","codepoint":"\\e16d"},{"name":"more-dot","svgCode":"","codepoint":"\\e16e"},{"name":"grag-fill","svgCode":"","codepoint":"\\e16f"},{"name":"custom-comp-default","svgCode":"","codepoint":"\\e170"},{"name":"folder-fill","svgCode":"","codepoint":"\\e171"},{"name":"template-logo","svgCode":"","codepoint":"\\e172"},{"name":"flow-fill","svgCode":"","codepoint":"\\e226"},{"name":"function-fill","svgCode":"","codepoint":"\\e1bd"},{"name":"un-full-screen","svgCode":"","codepoint":"\\e174"},{"name":"code-full-screen","svgCode":"","codepoint":"\\e173"},{"name":"angle-down-fill","svgCode":"","codepoint":"\\e175"},{"name":"angle-up-fill","svgCode":"","codepoint":"\\e176"},{"name":"angle-right-fill","svgCode":"","codepoint":"\\e177"},{"name":"angle-left-fill","svgCode":"","codepoint":"\\e178"},{"name":"close-line","svgCode":"","codepoint":"\\e179"},{"name":"add-line","svgCode":"","codepoint":"\\e17a"},{"name":"save-line","svgCode":"","codepoint":"\\e17c"},{"name":"cc-jump-link","svgCode":"","codepoint":"\\e17f"},{"name":"offshelf","svgCode":"","codepoint":"\\e17e"},{"name":"add-3","svgCode":"","codepoint":"\\e183"},{"name":"picture-fail-line","svgCode":"","codepoint":"\\e184"},{"name":"1_deploy-fill","svgCode":"","codepoint":"\\e185"},{"name":"loading-2","svgCode":"","codepoint":"\\e186"},{"name":"router","svgCode":"","codepoint":"\\e187"},{"name":"un-full-screen-2","svgCode":"","codepoint":"\\e21c"},{"name":"filliscreen-line","svgCode":"","codepoint":"\\e21b"},{"name":"card","svgCode":"","codepoint":"\\e189"},{"name":"popover-2","svgCode":"","codepoint":"\\e18a"},{"name":"colorpick","svgCode":"","codepoint":"\\e18b"},{"name":"bigtree","svgCode":"","codepoint":"\\e18c"},{"name":"cascade-jilianxuankuang","svgCode":"","codepoint":"\\e18d"},{"name":"link1","svgCode":"","codepoint":"\\e18e"},{"name":"vesion-fill","svgCode":"","codepoint":"\\e18f"},{"name":"process","svgCode":"","codepoint":"\\e190"},{"name":"off-shelf","svgCode":"","codepoint":"\\e191"},{"name":"alert-line","svgCode":"","codepoint":"\\e193"},{"name":"reflash-line","svgCode":"","codepoint":"\\e194"},{"name":"token-fill","svgCode":"","codepoint":"\\e195"},{"name":"template-fill-2","svgCode":"","codepoint":"\\e196"},{"name":"breadcrumb","svgCode":"","codepoint":"\\e197"},{"name":"bottom-group","svgCode":"","codepoint":"\\e198"},{"name":"freedrag","svgCode":"","codepoint":"\\e199"},{"name":"copy-line","svgCode":"","codepoint":"\\e1a9"},{"name":"comment-fill","svgCode":"","codepoint":"\\e1be"},{"name":"download-line","svgCode":"","codepoint":"\\e1a8"},{"name":"invisible-eye","svgCode":"","codepoint":"\\e19a"},{"name":"level-down","svgCode":"","codepoint":"\\e19b"},{"name":"audit","svgCode":"","codepoint":"\\e19c"},{"name":"unfold","svgCode":"","codepoint":"\\e19d"},{"name":"fold","svgCode":"","codepoint":"\\e19e"},{"name":"directives","svgCode":"","codepoint":"\\e1a1"},{"name":"variable","svgCode":"","codepoint":"\\e19f"},{"name":"variable-manage","svgCode":"","codepoint":"\\e1a0"},{"name":"yemianhanshu","svgCode":"","codepoint":"\\e1a2"},{"name":"hanshuku","svgCode":"","codepoint":"\\e1a3"},{"name":"page-variable","svgCode":"","codepoint":"\\e1a5"},{"name":"yuanma","svgCode":"","codepoint":"\\e1a6"},{"name":"shanchu","svgCode":"","codepoint":"\\e1a4"},{"name":"fankui","svgCode":"","codepoint":"\\e1a7"},{"name":"auth-set","svgCode":"","codepoint":"\\e1aa"},{"name":"json","svgCode":"","codepoint":"\\e1ab"},{"name":"logo","svgCode":"","codepoint":"\\e1ac"},{"name":"visible-eye","svgCode":"","codepoint":"\\e1ad"},{"name":"process","svgCode":"","codepoint":"\\e1ae"},{"name":"huabu","svgCode":"","codepoint":"\\e1b0"},{"name":"drag-small","svgCode":"","codepoint":"\\e1b1"},{"name":"select-value","svgCode":"","codepoint":"\\e1b2"},{"name":"select-variable","svgCode":"","codepoint":"\\e1b3"},{"name":"select-expression","svgCode":"","codepoint":"\\e1b4"},{"name":"drag-small1","svgCode":"","codepoint":"\\e1b5"},{"name":"icon-manage","svgCode":"","codepoint":"\\e1b6"},{"name":"document","svgCode":"","codepoint":"\\e1bb"},{"name":"qiyeweixin","svgCode":"","codepoint":"\\e1bc"},{"name":"erweima","svgCode":"","codepoint":"\\e1b7"},{"name":"lianxi","svgCode":"","codepoint":"\\e1b8"},{"name":"qq-2","svgCode":"","codepoint":"\\e1b9"},{"name":"gaojing","svgCode":"","codepoint":"\\e1ba"},{"name":"bubble-chart","svgCode":"","codepoint":"\\e1bf"},{"name":"scatter-chart","svgCode":"","codepoint":"\\e1c0"},{"name":"radar-chart","svgCode":"","codepoint":"\\e1c1"},{"name":"bk-bubble-chart","svgCode":"","codepoint":"\\e1c2"},{"name":"bk-scatter-chart","svgCode":"","codepoint":"\\e1c3"},{"name":"fix","svgCode":"","codepoint":"\\e1c4"},{"name":"export","svgCode":"","codepoint":"\\e1c5"},{"name":"sql","svgCode":"","codepoint":"\\e1c6"},{"name":"csv","svgCode":"","codepoint":"\\e1c7"},{"name":"shuipingjuzhuduiqi","svgCode":"","codepoint":"\\e1c8"},{"name":"diduiqi","svgCode":"","codepoint":"\\e1ca"},{"name":"chuizhijuzhongduiqi","svgCode":"","codepoint":"\\e1c9"},{"name":"youduiqi","svgCode":"","codepoint":"\\e1cc"},{"name":"dingduiqi","svgCode":"","codepoint":"\\e1cb"},{"name":"zuoduiqi","svgCode":"","codepoint":"\\e1cd"},{"name":"data-table","svgCode":"","codepoint":"\\e1ce"},{"name":"data-source-manage","svgCode":"","codepoint":"\\e1cf"},{"name":"version","svgCode":"","codepoint":"\\e1d0"},{"name":"mobilephone","svgCode":"","codepoint":"\\e1d3"},{"name":"pc","svgCode":"","codepoint":"\\e1d2"},{"name":"templateline","svgCode":"","codepoint":"\\e1d4"},{"name":"file-video","svgCode":"","codepoint":"\\e1f5"},{"name":"file-image","svgCode":"","codepoint":"\\e1f6"},{"name":"file-text","svgCode":"","codepoint":"\\e1f7"},{"name":"file-zip","svgCode":"","codepoint":"\\e1f8"},{"name":"file-pdf","svgCode":"","codepoint":"\\e1f9"},{"name":"file-audio","svgCode":"","codepoint":"\\e1fa"},{"name":"file-doc","svgCode":"","codepoint":"\\e1fb"},{"name":"file-excel","svgCode":"","codepoint":"\\e1fc"},{"name":"file-ppt","svgCode":"","codepoint":"\\e1fd"},{"name":"cellcellgroup","svgCode":"","codepoint":"\\e1d5"},{"name":"circle","svgCode":"","codepoint":"\\e1d6"},{"name":"empty","svgCode":"","codepoint":"\\e1d7"},{"name":"countdown","svgCode":"","codepoint":"\\e1d8"},{"name":"divider","svgCode":"","codepoint":"\\e1d9"},{"name":"noticebar","svgCode":"","codepoint":"\\e1da"},{"name":"loading","svgCode":"","codepoint":"\\e1db"},{"name":"navbar","svgCode":"","codepoint":"\\e1dc"},{"name":"numberkeyborad","svgCode":"","codepoint":"\\e1dd"},{"name":"passwordinput","svgCode":"","codepoint":"\\e1de"},{"name":"picker","svgCode":"","codepoint":"\\e1df"},{"name":"search-2","svgCode":"","codepoint":"\\e1e0"},{"name":"skeleton","svgCode":"","codepoint":"\\e1e1"},{"name":"step","svgCode":"","codepoint":"\\e1e2"},{"name":"treeselect","svgCode":"","codepoint":"\\e1e3"},{"name":"stepper","svgCode":"","codepoint":"\\e1e4"},{"name":"icon-2","svgCode":"","codepoint":"\\e1e5"},{"name":"it-new-desktop","svgCode":"","codepoint":"\\e1e6"},{"name":"set-fill","svgCode":"","codepoint":"\\e1e7"},{"name":"battery","svgCode":"","codepoint":"\\e1e8"},{"name":"wifi","svgCode":"","codepoint":"\\e1ea"},{"name":"cellular-connection","svgCode":"","codepoint":"\\e1e9"},{"name":"column","svgCode":"","codepoint":"\\e1eb"},{"name":"grid","svgCode":"","codepoint":"\\e1ec"},{"name":"info","svgCode":"","codepoint":"\\e1ed"},{"name":"page","svgCode":"","codepoint":"\\e1ee"},{"name":"image-small","svgCode":"","codepoint":"\\e1ef"},{"name":"flow","svgCode":"","codepoint":"\\e1f0"},{"name":"source","svgCode":"","codepoint":"\\e1f1"},{"name":"column","svgCode":"","codepoint":"\\e1f2"},{"name":"grid","svgCode":"","codepoint":"\\e1f3"},{"name":"display-card","svgCode":"","codepoint":"\\e1fe"},{"name":"display-list","svgCode":"","codepoint":"\\e1ff"},{"name":"links","svgCode":"","codepoint":"\\e201"},{"name":"compoment-count","svgCode":"","codepoint":"\\e202"},{"name":"fc-count","svgCode":"","codepoint":"\\e203"},{"name":"project-count","svgCode":"","codepoint":"\\e204"},{"name":"user-count","svgCode":"","codepoint":"\\e205"},{"name":"project","svgCode":"","codepoint":"\\e206"},{"name":"chanpinjieshao","svgCode":"","codepoint":"\\e207"},{"name":"chuizhijunfen","svgCode":"","codepoint":"\\e208"},{"name":"shuipingjunfen","svgCode":"","codepoint":"\\e20b"},{"name":"shuipingjuzhong","svgCode":"","codepoint":"\\e209"},{"name":"1_diduiqi","svgCode":"","codepoint":"\\e20c"},{"name":"1_dingduiqi","svgCode":"","codepoint":"\\e20a"},{"name":"1_juzhongduiqi","svgCode":"","codepoint":"\\e20f"},{"name":"1_youduiqi","svgCode":"","codepoint":"\\e20e"},{"name":"1_zuoduiqi","svgCode":"","codepoint":"\\e20d"},{"name":"shangxiachengkai","svgCode":"","codepoint":"\\e210"},{"name":"shangxialashen","svgCode":"","codepoint":"\\e211"},{"name":"xiangxiazishiying","svgCode":"","codepoint":"\\e212"},{"name":"youshangjiaolashen","svgCode":"","codepoint":"\\e213"},{"name":"youxiajiaolashen","svgCode":"","codepoint":"\\e214"},{"name":"yuanjiao","svgCode":"","codepoint":"\\e215"},{"name":"zuoyouchengkai","svgCode":"","codepoint":"\\e216"},{"name":"zuoyoulashen","svgCode":"","codepoint":"\\e217"},{"name":"zuoyouchengman","svgCode":"","codepoint":"\\e218"},{"name":"rengongjiedian","svgCode":"","codepoint":"\\e221"},{"name":"shenpijiedian","svgCode":"","codepoint":"\\e220"},{"name":"huiqianjiedian","svgCode":"","codepoint":"\\e21f"},{"name":"apijiedian","svgCode":"","codepoint":"\\e21e"},{"name":"shujuchulijiedian","svgCode":"","codepoint":"\\e21d"},{"name":"end","svgCode":"","codepoint":"\\e222"},{"name":"parallel","svgCode":"","codepoint":"\\e223"},{"name":"converge","svgCode":"","codepoint":"\\e224"},{"name":"start","svgCode":"","codepoint":"\\e225"},{"name":"danxingwenben","svgCode":"","codepoint":"\\e229"},{"name":"danxuankuang","svgCode":"","codepoint":"\\e22b"},{"name":"danxuanrenyuanxuanze","svgCode":"","codepoint":"\\e22a"},{"name":"danxuanxiala","svgCode":"","codepoint":"\\e22d"},{"name":"duoxuankuang","svgCode":"","codepoint":"\\e22e"},{"name":"duoxuanrenyuanxuanze","svgCode":"","codepoint":"\\e22c"},{"name":"duoxingwenben","svgCode":"","codepoint":"\\e232"},{"name":"duoxuanxiala","svgCode":"","codepoint":"\\e230"},{"name":"fengexian","svgCode":"","codepoint":"\\e22f"},{"name":"fuwenben","svgCode":"","codepoint":"\\e233"},{"name":"keshurudanxuanxiala","svgCode":"","codepoint":"\\e231"},{"name":"lianjie","svgCode":"","codepoint":"\\e234"},{"name":"miaoshuwenben","svgCode":"","codepoint":"\\e236"},{"name":"riqi","svgCode":"","codepoint":"\\e237"},{"name":"shangchuan","svgCode":"","codepoint":"\\e235"},{"name":"shijian","svgCode":"","codepoint":"\\e238"},{"name":"tupian","svgCode":"","codepoint":"\\e239"},{"name":"shuzi","svgCode":"","codepoint":"\\e23a"},{"name":"zidingyibiaoge","svgCode":"","codepoint":"\\e23b"},{"name":"sort","svgCode":"","codepoint":"\\e23c"},{"name":"liebiao","svgCode":"","codepoint":"\\e23d"},{"name":"kapian","svgCode":"","codepoint":"\\e23f"},{"name":"refill","svgCode":"","codepoint":"\\e241"}]} \ No newline at end of file +{"iconName":"bk-drag","icons":[{"name":"assembly-line","svgCode":"\n\n\n\n\n\t\n\t\t\n\t\n\n\n","codepoint":"\\e240"},{"name":"home","svgCode":"\n\n\n\n\n\n\t\n\n\n","codepoint":"\\e15d"},{"name":"minus-circle","svgCode":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","codepoint":"\\e219"},{"name":"plus-circle","svgCode":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","codepoint":"\\e21a"},{"name":"check-circle-fill","svgCode":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n","codepoint":"\\e180"},{"name":"assembly-line-fill","svgCode":"","codepoint":"\\e244"},{"name":"close-circle-fill","svgCode":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","codepoint":"\\e181"},{"name":"setting-fill","svgCode":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","codepoint":"\\e1f4"},{"name":"play","svgCode":"\n\n\n\n\n\t\n\t\n\n\n","codepoint":"\\e103"},{"name":"delete","svgCode":"\n\n\n\n\n\t\n\t\n\n\n","codepoint":"\\e104"},{"name":"undo","svgCode":"\n\n\n\n\n\t\n\t\n\n\n","codepoint":"\\e105"},{"name":"add-fill","svgCode":"\n\n\n\n\n\n","codepoint":"\\e141"},{"name":"reduce-fill","svgCode":"\n\n\n\n\n\n","codepoint":"\\e142"},{"name":"link","svgCode":"\n\n\n\n\n\n\n\n","codepoint":"\\e143"},{"name":"full-screen","svgCode":"\n\n\n\n\n\n\n\n","codepoint":"\\e109"},{"name":"delet","svgCode":"\n\n\n\n\n\n\n\n","codepoint":"\\e148"},{"name":"upload","svgCode":"\n\n\n\n\n\t\n\t\t\n\t\t\n\t\n\n\n","codepoint":"\\e14a"},{"name":"set","svgCode":"\n\n\n\n\n\t\n\t\n\n\n","codepoint":"\\e1af"},{"name":"image","svgCode":"\n\n\n\n\n\t\n\t\n\n\n","codepoint":"\\e107"},{"name":"download","svgCode":"\n\n\n\n\n\n\n","codepoint":"\\e108"},{"name":"member","svgCode":"\n\n\n\n\n\n\n","codepoint":"\\e162"},{"name":"info-tips","svgCode":"\n\n\n\n\n\t\n\t\n\t\n\n\n","codepoint":"\\e182"},{"name":"edit","svgCode":"\n\n\n\n\n\n\n\n","codepoint":"\\e17b"},{"name":"close-small","svgCode":"\n\n\n\n\n\n","codepoint":"\\e147"},{"name":"arrow-down","svgCode":"\n\n\n\n\n\n","codepoint":"\\e106"},{"name":"batch-edit","svgCode":"","codepoint":"\\e146"},{"name":"jump-link","svgCode":"","codepoint":"\\e140"},{"name":"stretch","svgCode":"","codepoint":"\\e145"},{"name":"drag","svgCode":"","codepoint":"\\e144"},{"name":"circle-shape","svgCode":"","codepoint":"\\e192"},{"name":"angle-left","svgCode":"","codepoint":"\\e101"},{"name":"arrow-back","svgCode":"","codepoint":"\\e102"},{"name":"badge","svgCode":"","codepoint":"\\e10b"},{"name":"46","svgCode":"","codepoint":"\\e10c"},{"name":"animatenumber","svgCode":"","codepoint":"\\e10d"},{"name":"button","svgCode":"","codepoint":"\\e10e"},{"name":"collapse","svgCode":"","codepoint":"\\e110"},{"name":"checkbox","svgCode":"","codepoint":"\\e10f"},{"name":"dialog","svgCode":"","codepoint":"\\e111"},{"name":"exception","svgCode":"","codepoint":"\\e112"},{"name":"dropdownmenu","svgCode":"","codepoint":"\\e113"},{"name":"info","svgCode":"","codepoint":"\\e114"},{"name":"input","svgCode":"","codepoint":"\\e115"},{"name":"form","svgCode":"","codepoint":"\\e116"},{"name":"loading","svgCode":"","codepoint":"\\e117"},{"name":"message","svgCode":"","codepoint":"\\e118"},{"name":"nav","svgCode":"","codepoint":"\\e119"},{"name":"notify","svgCode":"","codepoint":"\\e11a"},{"name":"pagination","svgCode":"","codepoint":"\\e11b"},{"name":"play-2","svgCode":"","codepoint":"\\e11c"},{"name":"popconfrim","svgCode":"","codepoint":"\\e11e"},{"name":"progress","svgCode":"","codepoint":"\\e11d"},{"name":"radio","svgCode":"","codepoint":"\\e11f"},{"name":"rate","svgCode":"","codepoint":"\\e120"},{"name":"save","svgCode":"","codepoint":"\\e122"},{"name":"roundprogress","svgCode":"","codepoint":"\\e121"},{"name":"select","svgCode":"","codepoint":"\\e124"},{"name":"sideslider","svgCode":"","codepoint":"\\e125"},{"name":"slider","svgCode":"","codepoint":"\\e123"},{"name":"step","svgCode":"","codepoint":"\\e126"},{"name":"swiper","svgCode":"","codepoint":"\\e127"},{"name":"switcher","svgCode":"","codepoint":"\\e128"},{"name":"tab","svgCode":"","codepoint":"\\e12a"},{"name":"table","svgCode":"","codepoint":"\\e129"},{"name":"text","svgCode":"","codepoint":"\\e12b"},{"name":"tag","svgCode":"","codepoint":"\\e12c"},{"name":"timeline","svgCode":"","codepoint":"\\e12d"},{"name":"tooltip","svgCode":"","codepoint":"\\e12e"},{"name":"transfer","svgCode":"","codepoint":"\\e12f"},{"name":"tree","svgCode":"","codepoint":"\\e130"},{"name":"ctr+y","svgCode":"","codepoint":"\\e131"},{"name":"ctr+z","svgCode":"","codepoint":"\\e132"},{"name":"keyboard","svgCode":"","codepoint":"\\e133"},{"name":"grid-2","svgCode":"","codepoint":"\\e134"},{"name":"grid-3","svgCode":"","codepoint":"\\e135"},{"name":"grid-4","svgCode":"","codepoint":"\\e136"},{"name":"grid-6","svgCode":"","codepoint":"\\e137"},{"name":"grid-5","svgCode":"","codepoint":"\\e13a"},{"name":"grid-7","svgCode":"","codepoint":"\\e13b"},{"name":"grid-8","svgCode":"","codepoint":"\\e138"},{"name":"grid-9","svgCode":"","codepoint":"\\e139"},{"name":"grid-10","svgCode":"","codepoint":"\\e13c"},{"name":"grid-11","svgCode":"","codepoint":"\\e13d"},{"name":"grid-12","svgCode":"","codepoint":"\\e13e"},{"name":"grid-1","svgCode":"","codepoint":"\\e13f"},{"name":"copy","svgCode":"","codepoint":"\\e149"},{"name":"search","svgCode":"","codepoint":"\\e14b"},{"name":"diff","svgCode":"","codepoint":"\\e14d"},{"name":"user","svgCode":"","codepoint":"\\e14c"},{"name":"time-2","svgCode":"","codepoint":"\\e14e"},{"name":"date","svgCode":"","codepoint":"\\e14f"},{"name":"text-2","svgCode":"","codepoint":"\\e150"},{"name":"border-y","svgCode":"","codepoint":"\\e151"},{"name":"border-x","svgCode":"","codepoint":"\\e152"},{"name":"border-all","svgCode":"","codepoint":"\\e153"},{"name":"border-s","svgCode":"","codepoint":"\\e154"},{"name":"radius-all","svgCode":"","codepoint":"\\e155"},{"name":"border-z","svgCode":"","codepoint":"\\e157"},{"name":"radius-s","svgCode":"","codepoint":"\\e156"},{"name":"radius-sj","svgCode":"","codepoint":"\\e158"},{"name":"radius-ys","svgCode":"","codepoint":"\\e159"},{"name":"radius-yx","svgCode":"","codepoint":"\\e15a"},{"name":"radius-zs","svgCode":"","codepoint":"\\e15b"},{"name":"tishi_gaozhi","svgCode":"","codepoint":"\\e246"},{"name":"tixing","svgCode":"","codepoint":"\\e245"},{"name":"github-logo","svgCode":"","codepoint":"\\e15c"},{"name":"update-log-fill","svgCode":"","codepoint":"\\e15e"},{"name":"histogram","svgCode":"","codepoint":"\\e15f"},{"name":"line-chart","svgCode":"","codepoint":"\\e160"},{"name":"pie-chart","svgCode":"","codepoint":"\\e161"},{"name":"refresh-line","svgCode":"","codepoint":"\\e200"},{"name":"nav-toggle","svgCode":"","codepoint":"\\e163"},{"name":"function-fill","svgCode":"","codepoint":"\\e165"},{"name":"info-fill","svgCode":"","codepoint":"\\e166"},{"name":"favorite","svgCode":"","codepoint":"\\e167"},{"name":"template-fill","svgCode":"","codepoint":"\\e168"},{"name":"summary-fill","svgCode":"","codepoint":"\\e164"},{"name":"favorite-o","svgCode":"","codepoint":"\\e169"},{"name":"list-fill","svgCode":"","codepoint":"\\e16b"},{"name":"user-group","svgCode":"","codepoint":"\\e16c"},{"name":"project-list","svgCode":"","codepoint":"\\e16d"},{"name":"more-dot","svgCode":"","codepoint":"\\e16e"},{"name":"grag-fill","svgCode":"","codepoint":"\\e16f"},{"name":"custom-comp-default","svgCode":"","codepoint":"\\e170"},{"name":"folder-fill","svgCode":"","codepoint":"\\e171"},{"name":"template-logo","svgCode":"","codepoint":"\\e172"},{"name":"flow-fill","svgCode":"","codepoint":"\\e226"},{"name":"function-fill","svgCode":"","codepoint":"\\e1bd"},{"name":"un-full-screen","svgCode":"","codepoint":"\\e174"},{"name":"code-full-screen","svgCode":"","codepoint":"\\e173"},{"name":"angle-down-fill","svgCode":"","codepoint":"\\e175"},{"name":"angle-up-fill","svgCode":"","codepoint":"\\e176"},{"name":"angle-right-fill","svgCode":"","codepoint":"\\e177"},{"name":"angle-left-fill","svgCode":"","codepoint":"\\e178"},{"name":"close-line","svgCode":"","codepoint":"\\e179"},{"name":"add-line","svgCode":"","codepoint":"\\e17a"},{"name":"save-line","svgCode":"","codepoint":"\\e17c"},{"name":"cc-jump-link","svgCode":"","codepoint":"\\e17f"},{"name":"offshelf","svgCode":"","codepoint":"\\e17e"},{"name":"add-3","svgCode":"","codepoint":"\\e183"},{"name":"picture-fail-line","svgCode":"","codepoint":"\\e184"},{"name":"1_deploy-fill","svgCode":"","codepoint":"\\e185"},{"name":"loading-2","svgCode":"","codepoint":"\\e186"},{"name":"router","svgCode":"","codepoint":"\\e187"},{"name":"paste","svgCode":"","codepoint":"\\e248"},{"name":"un-full-screen-2","svgCode":"","codepoint":"\\e21c"},{"name":"filliscreen-line","svgCode":"","codepoint":"\\e21b"},{"name":"card","svgCode":"","codepoint":"\\e189"},{"name":"popover-2","svgCode":"","codepoint":"\\e18a"},{"name":"colorpick","svgCode":"","codepoint":"\\e18b"},{"name":"bigtree","svgCode":"","codepoint":"\\e18c"},{"name":"cascade-jilianxuankuang","svgCode":"","codepoint":"\\e18d"},{"name":"link1","svgCode":"","codepoint":"\\e18e"},{"name":"vesion-fill","svgCode":"","codepoint":"\\e18f"},{"name":"process","svgCode":"","codepoint":"\\e190"},{"name":"off-shelf","svgCode":"","codepoint":"\\e191"},{"name":"alert-line","svgCode":"","codepoint":"\\e193"},{"name":"reflash-line","svgCode":"","codepoint":"\\e194"},{"name":"token-fill","svgCode":"","codepoint":"\\e195"},{"name":"template-fill-2","svgCode":"","codepoint":"\\e196"},{"name":"breadcrumb","svgCode":"","codepoint":"\\e197"},{"name":"bottom-group","svgCode":"","codepoint":"\\e198"},{"name":"freedrag","svgCode":"","codepoint":"\\e199"},{"name":"copy-line","svgCode":"","codepoint":"\\e1a9"},{"name":"comment-fill","svgCode":"","codepoint":"\\e1be"},{"name":"download-line","svgCode":"","codepoint":"\\e1a8"},{"name":"invisible-eye","svgCode":"","codepoint":"\\e19a"},{"name":"level-down","svgCode":"","codepoint":"\\e19b"},{"name":"audit","svgCode":"","codepoint":"\\e19c"},{"name":"unfold","svgCode":"","codepoint":"\\e19d"},{"name":"fold","svgCode":"","codepoint":"\\e19e"},{"name":"directives","svgCode":"","codepoint":"\\e1a1"},{"name":"variable","svgCode":"","codepoint":"\\e19f"},{"name":"variable-manage","svgCode":"","codepoint":"\\e1a0"},{"name":"yemianhanshu","svgCode":"","codepoint":"\\e1a2"},{"name":"hanshuku","svgCode":"","codepoint":"\\e1a3"},{"name":"page-variable","svgCode":"","codepoint":"\\e1a5"},{"name":"yuanma","svgCode":"","codepoint":"\\e1a6"},{"name":"shanchu","svgCode":"","codepoint":"\\e1a4"},{"name":"fankui","svgCode":"","codepoint":"\\e1a7"},{"name":"auth-set","svgCode":"","codepoint":"\\e1aa"},{"name":"json","svgCode":"","codepoint":"\\e1ab"},{"name":"logo","svgCode":"","codepoint":"\\e1ac"},{"name":"visible-eye","svgCode":"","codepoint":"\\e1ad"},{"name":"process","svgCode":"","codepoint":"\\e1ae"},{"name":"huabu","svgCode":"","codepoint":"\\e1b0"},{"name":"drag-small","svgCode":"","codepoint":"\\e1b1"},{"name":"select-value","svgCode":"","codepoint":"\\e1b2"},{"name":"select-variable","svgCode":"","codepoint":"\\e1b3"},{"name":"select-expression","svgCode":"","codepoint":"\\e1b4"},{"name":"drag-small1","svgCode":"","codepoint":"\\e1b5"},{"name":"icon-manage","svgCode":"","codepoint":"\\e1b6"},{"name":"document","svgCode":"","codepoint":"\\e1bb"},{"name":"qiyeweixin","svgCode":"","codepoint":"\\e1bc"},{"name":"erweima","svgCode":"","codepoint":"\\e1b7"},{"name":"lianxi","svgCode":"","codepoint":"\\e1b8"},{"name":"qq-2","svgCode":"","codepoint":"\\e1b9"},{"name":"gaojing","svgCode":"","codepoint":"\\e1ba"},{"name":"bubble-chart","svgCode":"","codepoint":"\\e1bf"},{"name":"scatter-chart","svgCode":"","codepoint":"\\e1c0"},{"name":"radar-chart","svgCode":"","codepoint":"\\e1c1"},{"name":"bk-bubble-chart","svgCode":"","codepoint":"\\e1c2"},{"name":"bk-scatter-chart","svgCode":"","codepoint":"\\e1c3"},{"name":"fix","svgCode":"","codepoint":"\\e1c4"},{"name":"export","svgCode":"","codepoint":"\\e1c5"},{"name":"sql","svgCode":"","codepoint":"\\e1c6"},{"name":"csv","svgCode":"","codepoint":"\\e1c7"},{"name":"shuipingjuzhuduiqi","svgCode":"","codepoint":"\\e1c8"},{"name":"diduiqi","svgCode":"","codepoint":"\\e1ca"},{"name":"chuizhijuzhongduiqi","svgCode":"","codepoint":"\\e1c9"},{"name":"youduiqi","svgCode":"","codepoint":"\\e1cc"},{"name":"dingduiqi","svgCode":"","codepoint":"\\e1cb"},{"name":"zuoduiqi","svgCode":"","codepoint":"\\e1cd"},{"name":"data-table","svgCode":"","codepoint":"\\e1ce"},{"name":"data-source-manage","svgCode":"","codepoint":"\\e1cf"},{"name":"version","svgCode":"","codepoint":"\\e1d0"},{"name":"mobilephone","svgCode":"","codepoint":"\\e1d3"},{"name":"pc","svgCode":"","codepoint":"\\e1d2"},{"name":"templateline","svgCode":"","codepoint":"\\e1d4"},{"name":"file-video","svgCode":"","codepoint":"\\e1f5"},{"name":"file-image","svgCode":"","codepoint":"\\e1f6"},{"name":"file-text","svgCode":"","codepoint":"\\e1f7"},{"name":"file-zip","svgCode":"","codepoint":"\\e1f8"},{"name":"file-pdf","svgCode":"","codepoint":"\\e1f9"},{"name":"file-audio","svgCode":"","codepoint":"\\e1fa"},{"name":"file-doc","svgCode":"","codepoint":"\\e1fb"},{"name":"file-excel","svgCode":"","codepoint":"\\e1fc"},{"name":"file-ppt","svgCode":"","codepoint":"\\e1fd"},{"name":"cellcellgroup","svgCode":"","codepoint":"\\e1d5"},{"name":"circle","svgCode":"","codepoint":"\\e1d6"},{"name":"empty","svgCode":"","codepoint":"\\e1d7"},{"name":"countdown","svgCode":"","codepoint":"\\e1d8"},{"name":"divider","svgCode":"","codepoint":"\\e1d9"},{"name":"noticebar","svgCode":"","codepoint":"\\e1da"},{"name":"loading","svgCode":"","codepoint":"\\e1db"},{"name":"navbar","svgCode":"","codepoint":"\\e1dc"},{"name":"numberkeyborad","svgCode":"","codepoint":"\\e1dd"},{"name":"passwordinput","svgCode":"","codepoint":"\\e1de"},{"name":"picker","svgCode":"","codepoint":"\\e1df"},{"name":"search-2","svgCode":"","codepoint":"\\e1e0"},{"name":"skeleton","svgCode":"","codepoint":"\\e1e1"},{"name":"step","svgCode":"","codepoint":"\\e1e2"},{"name":"treeselect","svgCode":"","codepoint":"\\e1e3"},{"name":"stepper","svgCode":"","codepoint":"\\e1e4"},{"name":"icon-2","svgCode":"","codepoint":"\\e1e5"},{"name":"it-new-desktop","svgCode":"","codepoint":"\\e1e6"},{"name":"set-fill","svgCode":"","codepoint":"\\e1e7"},{"name":"battery","svgCode":"","codepoint":"\\e1e8"},{"name":"wifi","svgCode":"","codepoint":"\\e1ea"},{"name":"cellular-connection","svgCode":"","codepoint":"\\e1e9"},{"name":"column","svgCode":"","codepoint":"\\e1eb"},{"name":"grid","svgCode":"","codepoint":"\\e1ec"},{"name":"info","svgCode":"","codepoint":"\\e1ed"},{"name":"page","svgCode":"","codepoint":"\\e1ee"},{"name":"image-small","svgCode":"","codepoint":"\\e1ef"},{"name":"flow","svgCode":"","codepoint":"\\e1f0"},{"name":"source","svgCode":"","codepoint":"\\e1f1"},{"name":"column","svgCode":"","codepoint":"\\e1f2"},{"name":"grid","svgCode":"","codepoint":"\\e1f3"},{"name":"display-card","svgCode":"","codepoint":"\\e1fe"},{"name":"display-list","svgCode":"","codepoint":"\\e1ff"},{"name":"links","svgCode":"","codepoint":"\\e201"},{"name":"compoment-count","svgCode":"","codepoint":"\\e202"},{"name":"fc-count","svgCode":"","codepoint":"\\e203"},{"name":"project-count","svgCode":"","codepoint":"\\e204"},{"name":"user-count","svgCode":"","codepoint":"\\e205"},{"name":"project","svgCode":"","codepoint":"\\e206"},{"name":"chanpinjieshao","svgCode":"","codepoint":"\\e207"},{"name":"chuizhijunfen","svgCode":"","codepoint":"\\e208"},{"name":"shuipingjunfen","svgCode":"","codepoint":"\\e20b"},{"name":"shuipingjuzhong","svgCode":"","codepoint":"\\e209"},{"name":"1_diduiqi","svgCode":"","codepoint":"\\e20c"},{"name":"1_dingduiqi","svgCode":"","codepoint":"\\e20a"},{"name":"1_juzhongduiqi","svgCode":"","codepoint":"\\e20f"},{"name":"1_youduiqi","svgCode":"","codepoint":"\\e20e"},{"name":"1_zuoduiqi","svgCode":"","codepoint":"\\e20d"},{"name":"shangxiachengkai","svgCode":"","codepoint":"\\e210"},{"name":"shangxialashen","svgCode":"","codepoint":"\\e211"},{"name":"xiangxiazishiying","svgCode":"","codepoint":"\\e212"},{"name":"youshangjiaolashen","svgCode":"","codepoint":"\\e213"},{"name":"youxiajiaolashen","svgCode":"","codepoint":"\\e214"},{"name":"yuanjiao","svgCode":"","codepoint":"\\e215"},{"name":"zuoyouchengkai","svgCode":"","codepoint":"\\e216"},{"name":"zuoyoulashen","svgCode":"","codepoint":"\\e217"},{"name":"zuoyouchengman","svgCode":"","codepoint":"\\e218"},{"name":"rengongjiedian","svgCode":"","codepoint":"\\e221"},{"name":"shenpijiedian","svgCode":"","codepoint":"\\e220"},{"name":"huiqianjiedian","svgCode":"","codepoint":"\\e21f"},{"name":"apijiedian","svgCode":"","codepoint":"\\e21e"},{"name":"shujuchulijiedian","svgCode":"","codepoint":"\\e21d"},{"name":"end","svgCode":"","codepoint":"\\e222"},{"name":"parallel","svgCode":"","codepoint":"\\e223"},{"name":"converge","svgCode":"","codepoint":"\\e224"},{"name":"start","svgCode":"","codepoint":"\\e225"},{"name":"danxingwenben","svgCode":"","codepoint":"\\e229"},{"name":"danxuankuang","svgCode":"","codepoint":"\\e22b"},{"name":"danxuanrenyuanxuanze","svgCode":"","codepoint":"\\e22a"},{"name":"danxuanxiala","svgCode":"","codepoint":"\\e22d"},{"name":"duoxuankuang","svgCode":"","codepoint":"\\e22e"},{"name":"duoxuanrenyuanxuanze","svgCode":"","codepoint":"\\e22c"},{"name":"duoxingwenben","svgCode":"","codepoint":"\\e232"},{"name":"duoxuanxiala","svgCode":"","codepoint":"\\e230"},{"name":"fengexian","svgCode":"","codepoint":"\\e22f"},{"name":"fuwenben","svgCode":"","codepoint":"\\e233"},{"name":"keshurudanxuanxiala","svgCode":"","codepoint":"\\e231"},{"name":"lianjie","svgCode":"","codepoint":"\\e234"},{"name":"miaoshuwenben","svgCode":"","codepoint":"\\e236"},{"name":"riqi","svgCode":"","codepoint":"\\e237"},{"name":"shangchuan","svgCode":"","codepoint":"\\e235"},{"name":"shijian","svgCode":"","codepoint":"\\e238"},{"name":"tupian","svgCode":"","codepoint":"\\e239"},{"name":"shuzi","svgCode":"","codepoint":"\\e23a"},{"name":"zidingyibiaoge","svgCode":"","codepoint":"\\e23b"},{"name":"sort","svgCode":"","codepoint":"\\e23c"},{"name":"liebiao","svgCode":"","codepoint":"\\e23d"},{"name":"kapian","svgCode":"","codepoint":"\\e23f"},{"name":"refill","svgCode":"","codepoint":"\\e241"},{"name":"xlsx","svgCode":"","codepoint":"\\e247"},{"name":"tree1","svgCode":"","codepoint":"\\e249"},{"name":"2-jiantou-you","svgCode":"","codepoint":"\\e24a"},{"name":"2-jiantou-zuo","svgCode":"","codepoint":"\\e24b"},{"name":"xuanzhongfuji","svgCode":"","codepoint":"\\e24c"}]} \ No newline at end of file diff --git a/lib/client/src/bk-icon/style.css b/lib/client/src/bk-icon/style.css index 6b7f6b8d7..820a22e5e 100644 --- a/lib/client/src/bk-icon/style.css +++ b/lib/client/src/bk-icon/style.css @@ -332,6 +332,12 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype"); .bk-drag-radius-zs:before { content: "\e15b"; } +.bk-drag-tishi_gaozhi:before { + content: "\e246"; +} +.bk-drag-tixing:before { + content: "\e245"; +} .bk-drag-github-logo:before { content: "\e15c"; } @@ -449,6 +455,9 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype"); .bk-drag-router:before { content: "\e187"; } +.bk-drag-paste:before { + content: "\e248"; +} .bk-drag-un-full-screen-2:before { content: "\e21c"; } @@ -965,3 +974,18 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype"); .bk-drag-refill:before { content: "\e241"; } +.bk-drag-xlsx:before { + content: "\e247"; +} +.bk-drag-tree1:before { + content: "\e249"; +} +.bk-drag-2-jiantou-you:before { + content: "\e24a"; +} +.bk-drag-2-jiantou-zuo:before { + content: "\e24b"; +} +.bk-drag-xuanzhongfuji:before { + content: "\e24c"; +} diff --git a/lib/client/src/components/api/choose-api.vue b/lib/client/src/components/api/choose-api.vue index 8213b3fcf..0cd5a49f0 100644 --- a/lib/client/src/components/api/choose-api.vue +++ b/lib/client/src/components/api/choose-api.vue @@ -17,6 +17,10 @@ slot="trigger" > {{ getDisplayName() }} + { - return getNodeValue(res, true) + const data = res.map((api) => { + api.name = `${api.name}（${api.code}）` + return api + }) + return getNodeValue(data, true) }) } @@ -309,7 +318,8 @@ const { data } = cur path.push({ id: data.id, - name: data.name + name: data.name, + code: data.code }) cur = cur.parent } while (cur) @@ -335,7 +345,7 @@ return props .value .map((item) => { - return item.name + return item.code || item.name }) .reduce((acc, cur, index) => { const divider = index === 0 ? '' : index === 1 ? '：' : ' / ' @@ -375,6 +385,19 @@ } } + // 点击清除 + const handleClear = () => { + emit('change', { + path: [], + method: API_METHOD.GET, + url: '', + query: [], + body: {}, + response: {}, + summary: '' + }) + } + return { apiData, treeRef, @@ -386,7 +409,8 @@ getDefaultExpandedNode, handleSearch, goToCreate, - handleToggle + handleToggle, + handleClear } } }) diff --git a/lib/client/src/components/api/create-api-sideslider/index.vue b/lib/client/src/components/api/create-api-sideslider/index.vue index 8cf9cf095..95d61761e 100644 --- a/lib/client/src/components/api/create-api-sideslider/index.vue +++ b/lib/client/src/components/api/create-api-sideslider/index.vue @@ -26,7 +26,7 @@ @update="handleUpdate" />

- 默认请求参数 + 默认请求响应 { Promise .all([ - basicRef.value.validate(), - paramRef.value.validate(), - responseRef.value.validate() + basicRef.value?.validate(), + paramRef.value?.validate(), + responseRef.value?.validate() ]) .then((res) => { resolve(res) diff --git a/lib/client/src/components/app-header.vue b/lib/client/src/components/app-header.vue new file mode 100644 index 000000000..f016a036f --- /dev/null +++ b/lib/client/src/components/app-header.vue @@ -0,0 +1,293 @@ + + + + + + + + diff --git a/lib/client/src/components/code-viewer/index.vue b/lib/client/src/components/code-viewer/index.vue index 4ec917bea..92ad064d1 100644 --- a/lib/client/src/components/code-viewer/index.vue +++ b/lib/client/src/components/code-viewer/index.vue @@ -12,12 +12,12 @@ diff --git a/lib/client/src/components/filelib/helper.ts b/lib/client/src/components/filelib/helper.ts index 3db0eca73..fac7b219e 100644 --- a/lib/client/src/components/filelib/helper.ts +++ b/lib/client/src/components/filelib/helper.ts @@ -24,8 +24,8 @@ export enum DISPLAY_TYPES { export type UploadStatus = Lowercase export const FILE_MAX_LIMIT = { - IMAGE_SIZE: 5, - FILE_SIZE: 10 + IMAGE_SIZE: 15, + FILE_SIZE: 50 } export interface UploadRawFile extends File { diff --git a/lib/client/src/components/filelib/list-table.vue b/lib/client/src/components/filelib/list-table.vue index bf12dede3..17ca21b40 100644 --- a/lib/client/src/components/filelib/list-table.vue +++ b/lib/client/src/components/filelib/list-table.vue @@ -55,7 +55,7 @@ @@ -201,6 +194,14 @@ showAddParams: { type: Boolean, default: true + }, + formatInclude: { + type: Array, + default: () => (['value', 'variable', 'expression']) + }, + defaultVariableFormat: { + type: String, + default: 'value' } }, @@ -209,7 +210,7 @@ functionTypeList: [ { name: 'functionTemplate', label: '事件模板' }, { name: 'functionMarket', label: '函数市场' }, - { name: 'functionList', label: '应用函数库' } + { name: 'functionList', label: '应用函数管理' } ], searchFunctionName: '', functionType: 'functionList', @@ -257,8 +258,12 @@ }, computedParamKeys () { - const functionData = this.funcGroups.reduce((acc, cur) => { - return cur.children.find(functionData => functionData.funcCode === this.renderChoosenFunction.methodCode) + let functionData = {} + this.funcGroups.forEach((funcGroup) => { + const usedFunction = funcGroup.children.find(functionData => functionData.funcCode === this.renderChoosenFunction.methodCode) + if (usedFunction) { + functionData = usedFunction + } }, {}) return functionData?.funcParams || [] } @@ -269,6 +274,21 @@ methodCode: this.choosenFunction?.methodCode || '', params: [...this.choosenFunction?.params || []] } + + // 如果有选择函数，需要查找到对应的 params + if (this.renderChoosenFunction.methodCode) { + this.renderChoosenFunction.params = this.computedParamKeys.map((paramKey, index) => { + let param = { + value: '', + code: '', + format: this.defaultVariableFormat + } + if (this.choosenFunction?.params?.[index]) { + param = this.choosenFunction.params[index] + } + return param + }) + } }, methods: { @@ -284,7 +304,9 @@ }, triggleUpdate () { - this.$emit('change', JSON.parse(JSON.stringify(this.renderChoosenFunction))) + if (window.event.sourceCapabilities) { + this.$emit('change', JSON.parse(JSON.stringify(this.renderChoosenFunction))) + } }, handleChooseFunction (functionData) { @@ -292,7 +314,7 @@ this.renderChoosenFunction.params = functionData?.funcParams?.map(() => ({ value: '', code: '', - format: 'value' + format: this.defaultVariableFormat })) this.triggleUpdate() this.handleClose() @@ -303,20 +325,8 @@ this.triggleUpdate() }, - handleDeleteParam (index) { - this.renderChoosenFunction.params.splice(index, 1) - this.triggleUpdate() - }, - - handlePlusParam () { - if (this.renderChoosenFunction.params.length >= this.computedParamKeys.length) return - - this.renderChoosenFunction.params.push({ - value: '', - code: '', - format: 'value' - }) - this.triggleUpdate() + handleInputParam (index, val) { + Object.assign(this.renderChoosenFunction.params[index], val) }, handleEditFunction (functionData) { @@ -360,6 +370,7 @@ handleClear () { this.renderChoosenFunction.methodCode = '' + this.renderChoosenFunction.params = [] this.$emit('clear') } } @@ -400,6 +411,10 @@ .param-title { line-height: 25px; } + .title { + border-bottom: 1px dashed #979ba5; + cursor: pointer; + } /deep/ .display-content { margin: 0; } diff --git a/lib/client/src/components/methods/edit-function-dialog/index.vue b/lib/client/src/components/methods/edit-function-dialog/index.vue index 84e689112..02b0e65ee 100644 --- a/lib/client/src/components/methods/edit-function-dialog/index.vue +++ b/lib/client/src/components/methods/edit-function-dialog/index.vue @@ -12,7 +12,7 @@

- 函数库 + 函数管理
diff --git a/lib/client/src/components/methods/forms/create-func-from-market-sideslider.vue b/lib/client/src/components/methods/forms/create-func-from-market-sideslider.vue index a354856a3..fc4e949c4 100644 --- a/lib/client/src/components/methods/forms/create-func-from-market-sideslider.vue +++ b/lib/client/src/components/methods/forms/create-func-from-market-sideslider.vue @@ -42,7 +42,7 @@ :form.sync="form" > import mixins from './form-mixins' import { mapGetters, mapActions } from 'vuex' - import { messageHtmlError } from '@/common/bkmagic' export default { mixins: [mixins], @@ -136,7 +135,14 @@ this.handleClose() }).catch((err) => { if (err?.code === 499) { - messageHtmlError(err.message) + this + .$refs + .monaco + .fixMethod() + .then(() => this.submitAddFuncFromMarket()) + .catch(() => { + this.messageHtmlError(err.message || err) + }) } else { this.messageError(err.message || err) } @@ -184,4 +190,7 @@ margin-right: 10px; } } + .monaco { + margin-top: 20px; + } diff --git a/lib/client/src/components/methods/forms/edit-func-form.vue b/lib/client/src/components/methods/forms/edit-func-form.vue index 82b63e822..76f7b7d49 100644 --- a/lib/client/src/components/methods/forms/edit-func-form.vue +++ b/lib/client/src/components/methods/forms/edit-func-form.vue @@ -71,10 +71,15 @@ >保存 保存并使用 + 取消 @@ -155,7 +160,14 @@ resolve(form) } catch (err) { if (err?.code === 499) { - this.messageHtmlError(err.message) + this + .$refs + .monaco + .fixMethod() + .then(() => this.handleSaveFunction()) + .catch(() => { + this.messageHtmlError(err.message || err) + }) } else if (err?.content) { this.messageError(err.content || err) } else { diff --git a/lib/client/src/components/methods/forms/edit-func-sideslider.vue b/lib/client/src/components/methods/forms/edit-func-sideslider.vue index 3170704b6..e42bea609 100644 --- a/lib/client/src/components/methods/forms/edit-func-sideslider.vue +++ b/lib/client/src/components/methods/forms/edit-func-sideslider.vue @@ -46,7 +46,7 @@ :form.sync="form" :function-list="functionList" :variable-list="variableList" - class="mt20" + class="monaco" ref="monaco" >

@@ -140,7 +140,14 @@ this.$emit('success-submit') }).catch((err) => { if (err?.code === 499) { - this.messageHtmlError(err.message) + this + .$refs + .monaco + .fixMethod() + .then(this.handleSubmit) + .catch(() => { + this.messageHtmlError(err.message || err) + }) } else { this.messageError(err.message || err) } @@ -162,7 +169,14 @@ this.$emit('success-submit') }).catch((err) => { if (err?.code === 499) { - this.messageHtmlError(err.message) + this + .$refs + .monaco + .fixMethod() + .then(this.handleSubmit) + .catch(() => { + this.messageHtmlError(err.message || err) + }) } else { this.messageError(err.message || err) } @@ -193,10 +207,10 @@ diff --git a/lib/client/src/components/methods/forms/edit-market-func-sideslider.vue b/lib/client/src/components/methods/forms/edit-market-func-sideslider.vue index 8e0184ad5..ddd5b0104 100644 --- a/lib/client/src/components/methods/forms/edit-market-func-sideslider.vue +++ b/lib/client/src/components/methods/forms/edit-market-func-sideslider.vue @@ -11,7 +11,7 @@ - +
提交 @@ -23,7 +23,6 @@ + + diff --git a/lib/client/src/components/methods/forms/form-items/children/debug/output.vue b/lib/client/src/components/methods/forms/form-items/children/debug/output.vue new file mode 100644 index 000000000..0fe493a27 --- /dev/null +++ b/lib/client/src/components/methods/forms/form-items/children/debug/output.vue @@ -0,0 +1,70 @@ + + + + + diff --git a/lib/client/src/components/methods/forms/form-items/children/debug/param.vue b/lib/client/src/components/methods/forms/form-items/children/debug/param.vue new file mode 100644 index 000000000..109144d74 --- /dev/null +++ b/lib/client/src/components/methods/forms/form-items/children/debug/param.vue @@ -0,0 +1,94 @@ + + + + + diff --git a/lib/client/src/components/methods/forms/form-items/children/debug/problem.vue b/lib/client/src/components/methods/forms/form-items/children/debug/problem.vue new file mode 100644 index 000000000..21293ba1e --- /dev/null +++ b/lib/client/src/components/methods/forms/form-items/children/debug/problem.vue @@ -0,0 +1,45 @@ + + + + + diff --git a/lib/client/src/components/methods/forms/form-items/detail.vue b/lib/client/src/components/methods/forms/form-items/detail.vue index 99796b401..d75a37d0f 100644 --- a/lib/client/src/components/methods/forms/form-items/detail.vue +++ b/lib/client/src/components/methods/forms/form-items/detail.vue @@ -1,6 +1,6 @@ + diff --git a/lib/client/src/views/project/router-manage/route-list.vue b/lib/client/src/views/project/router-manage/route-list.vue index 57136d42f..c613dae84 100644 --- a/lib/client/src/views/project/router-manage/route-list.vue +++ b/lib/client/src/views/project/router-manage/route-list.vue @@ -56,6 +56,16 @@ @click="handleAddSubRoute(group)"> +
+
+ {{getBindDisplayValue(group.defaultRoute)}} +
+ +
@@ -83,7 +93,9 @@ placeholder="请输入路由名称，回车结束" /> + v-bk-tooltips="editState.error === 1 ? + '请检查路径正确性' : + (editState.error === 2 ? '根路由请直接在父级绑定' : '需由数字、字母、下划线、中划线(-)、冒号(:)或反斜杠(/)组成')">
children) + const allRouteGroup = Object.values(this.routeMap).reduce((pre, cur) => pre.concat(cur), []) + const list = allRouteGroup.map(({ defaultRoute, children }) => [defaultRoute, ...children]) .reduce((pre, cur) => pre.concat(cur), []) .map(({ id, layoutPath, path }) => ({ id, @@ -263,6 +277,19 @@ }) } }) + + // 布局模板默认路由 + routeGroup.forEach((group) => { + const defaultRouteIndex = group.children.findIndex(route => route.path === '') + // 存在默认路由则从children中提出来同时在children中删除，否则构造一个新的path为空的默认路由 + if (defaultRouteIndex !== -1) { + group.defaultRoute = group.children[defaultRouteIndex] + group.children.splice(defaultRouteIndex, 1) + } else { + group.defaultRoute = this.getNewSubRoute(group, { isRoot: true, isNew: true }) + } + }) + const that = this routeGroup.forEach(function (route) { that.routeMap[route.layoutType].push(route) @@ -271,6 +298,7 @@ this.routeMap['MOBILE'].sort((g1, g2) => g1.layoutId - g2.layoutId) this.routeGroup = this.routeMap[this.type] this.bindRouteSelectorProps.routeGroup = this.routeGroup + this.bindRouteSelectorProps.routeMap = this.routeMap } catch (e) { console.error(e) } finally { @@ -302,12 +330,7 @@ handleAddSubRoute (group) { this.unsetBindState() - const newRoute = { - id: Date.now(), - path: '', - layoutId: group.layoutId, - layoutPath: group.layoutPath - } + const newRoute = this.getNewSubRoute(group) this.editState.type = 'new' this.editState.value = newRoute.path this.editState.route = newRoute @@ -382,7 +405,7 @@ } }, handleParentRouteInput (value) { - this.layoutEditState.error = this.checkRoutePath(value) + this.layoutEditState.error = this.checkRoutePath(value, true) }, handleParentRouteCancel () { if (!this.layoutEditState.group) { @@ -456,11 +479,13 @@ data: { pageRoute: { id: route.id, - path: value + path: value, + layoutPath: route.layoutPath }, projectId: this.projectId, versionId: this.versionId, - pageId: route.pageId + pageId: route.pageId, + platform: this.type } }) return res @@ -475,7 +500,8 @@ layoutPath: route.layoutPath }, projectId: this.projectId, - versionId: this.versionId + versionId: this.versionId, + platform: this.type } }) return res @@ -513,12 +539,18 @@ } }) }, - handleBindSuccess ({ routeId, pageId, redirect, name }) { - for (const { children } of this.routeGroup) { - const targetRoute = children.find(route => route.id === routeId) + handleBindSuccess ({ routeId, finalRouteId, pageId, redirect, name }) { + for (const { defaultRoute, children } of this.routeGroup) { + const fullChildren = [defaultRoute, ...children] + const targetRoute = fullChildren.find(route => route.id === routeId) if (targetRoute) { const changedRoute = { pageId, redirect } changedRoute.pageName = pageId !== -1 ? name : null + + if (targetRoute.isRoot && targetRoute.isNew) { + delete targetRoute.isNew + targetRoute.id = finalRouteId + } Object.assign(targetRoute, changedRoute) break } @@ -531,11 +563,23 @@ handleToggle (group) { this.$set(this.foldeds, group, !this.foldeds[group]) }, + getNewSubRoute (group, extra = {}) { + return { + id: Date.now() + Math.ceil(Math.random() * 1000), + path: '', + layoutId: group.layoutId, + layoutPath: group.layoutPath, + layoutType: group.layoutType, + pageId: -1, + redirect: null, + ...extra + } + }, getDisplayLayoutPath (path) { return this.type === 'MOBILE' && path.startsWith('/mobile') ? path.replace('/mobile', '') : path }, getBindDisplayValue (route) { - const { pageId, pageName, redirect } = route + const { pageId, pageName, redirect, path } = route // 依据vue-router跳转路由优先 if (redirect) { const targetRoute = this.routeFlatList.find(item => item.id === redirect) || {} @@ -544,14 +588,16 @@ if (pageId !== -1) { return pageName } - return '未绑定' + return path === '' ? '未绑定根路由' : '未绑定' }, - checkRoutePath (value) { + checkRoutePath (value, isParent = false) { let error = false try { compile(value) if (!/^[\w-_:\/?]+$/.test(value)) { error = true + } else if (!isParent && value === '/') { + error = 2 } else if (/\/{2,}/.test(value)) { error = 1 } @@ -573,6 +619,7 @@