@blueking/ai-ui-sdk 0.5.0-beta.2 → 0.5.0-beta.3

package/dist/components/render-t-table/index.vue.css

@@ -0,0 +1,210 @@
+
+.t-t-pagination[data-v-bei0orcl] {
+  position: relative;
+  padding: 16px 16px 0 16px;
+}
+.t-t-pagination[data-v-bei0orcl] .bk-pagination-list.is-last {
+    margin-left: auto;
+}
+.pagination-loading[data-v-bei0orcl]::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.6);
+    z-index: 72;
+}
+.pagination-border[data-v-bei0orcl] {
+  border-right: 1px solid #dcdee5;
+  border-left: 1px solid #dcdee5;
+  border-bottom: 1px solid #dcdee5;
+  padding-bottom: 16px;
+}
+.t-t-table[data-v-bei0orcl] {
+  display: inline;
+  font-size: 12px;
+}
+.t-t-table[data-v-bei0orcl] .t-table__th-cell-inner {
+    color: #313238;
+}
+.t-t-table[data-v-bei0orcl] th {
+    padding: 0 16px;
+    height: 42px;
+    background-color: #FAFBFD !important;
+}
+.t-t-table[data-v-bei0orcl] .t-table__body tr {
+    color: #63656e;
+    font-size: 12px;
+}
+.t-t-table[data-v-bei0orcl] .t-table__body tr td {
+      padding: 0 16px;
+      height: 40px;
+}
+.t-t-table[data-v-bei0orcl] .t-table__body tr:hover td {
+    background-color: #f5f7fa !important;
+    color: #63656E;
+}
+.t-t-table[data-v-bei0orcl] .t-table__content .t-table__body .t-table__empty-row {
+    background-color: #fff !important;
+}
+.t-t-table[data-v-bei0orcl] .t-table__content .t-table__body .t-table__empty-row >td {
+      border: none;
+}
+.t-t-table[data-v-bei0orcl] th .t-table__ellipsis {
+    width: auto !important;
+}
+.t-t-table[data-v-bei0orcl] .t-loading__gradient.t-icon-loading {
+    display: none;
+}
+.t-t-table[data-v-bei0orcl]:first-of-type .t-table__affixed-header-elm-wrap{
+      width: calc(100% - 6px) !important;
+}
+.t-t-table[data-v-bei0orcl] .t-table__affixed-header-elm-wrap>div {
+      width: 100% !important;
+      scrollbar-width: none;
+}
+.t-t-table[data-v-bei0orcl] .t-table--layout-fixed{
+    width: 100% !important;
+}
+.t-t-table[data-v-bei0orcl] .bk-exception-description{
+    margin-bottom: 0;
+}
+.t-t-table[data-v-bei0orcl] .t-table__content{
+    z-index: 2;
+    max-height: 100%;
+    overflow: auto;
+}
+.t-t-table[data-v-bei0orcl] .t-table__content::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+}
+.t-t-table[data-v-bei0orcl] .t-table__content::-webkit-scrollbar-thumb {
+      width: 6px;
+      height: 6px;
+      border-radius: 3px;
+      background-color: #dcdee5;
+}
+.t-t-table[data-v-bei0orcl] .t-table__content::-webkit-scrollbar-thumb:hover {
+        background-color: #979ba5;
+}
+.t-t-table[data-v-bei0orcl] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
+    line-height: 100%;
+}
+.t-t-table[data-v-bei0orcl] .t-table__cell--sort-trigger.t-table__double-icons{
+    gap: 5px;
+}
+.t-t-table[data-v-bei0orcl] .t-table__sort-icon--active>i{
+    color: #3a84ff !important;
+}
+.t-t-table[data-v-bei0orcl] .t-table__cell--fixed-left:has(.checkbox){
+    line-height: 100%;
+}
+.t-t-table[data-v-bei0orcl] .t-table__filter-icon.t-is-focus>span{
+    color: #3a84ff !important;
+}
+
+
+.t-table-dialog {
+  padding: 0px !important;
+  border-radius: 0px;
+  box-shadow: 0 0 6px #dcdee5;
+  color: #26323d;
+}
+.t-table-dialog .t-checkbox-group .t-checkbox .bkaidev-shezhi {
+    display: none;
+}
+.t-table-dialog .t-checkbox-group label:has(input[value="checkbox"]){
+    display: none;
+}
+.t-table-dialog .t-table-dialog-header {
+    margin: 24px;
+    font-weight: 400;
+    display: inline-block;
+    height: 26px;
+    font-size: 20px;
+    line-height: 26px;
+    color: #313238;
+}
+.t-table-dialog .t-dialog__close {
+    width: 30px;
+    height: 30px;
+    position: absolute;
+    top: 2px;
+    right: 9px;
+}
+.t-table-dialog .t-checkbox__label {
+    display: flex;
+    align-items: center;
+    color: #63656e;
+}
+.t-table-dialog .t-table__column-controller-block {
+    justify-content: end;
+    display: flex;
+    border: none !important;
+    padding: 0 !important;
+}
+.t-table-dialog .t-table__column-controller-desc {
+    font-size: 14px;
+    line-height: 22px;
+    color: #313238;
+    text-align: left;
+    position: absolute;
+    top: 74px;
+    left: 24px;
+    font-weight: 400;
+}
+.t-table-dialog .t-table__column-controller-body {
+    padding: 0 24px;
+}
+.t-table-dialog .t-table-row-height {
+    display: flex;
+    height: 76px;
+    font-size: 14px;
+    border-top: solid 1px #f0f1f5;
+    align-items: center;
+    color: #26323d;
+}
+.t-table-dialog .t-table-row-height .bk-radio-button {
+      width: 68px;
+      height: 26px;
+}
+.t-table-dialog .t-table-row-height .bk-radio-button .bk-radio-button-label {
+        line-height: 26px;
+        height: 100%;
+}
+.t-table-dialog .t-dialog__footer {
+    display: flex;
+    height: 50px;
+    padding: 0 24px;
+    border-top: 1px solid #dcdee5;
+    border-radius: 0 0 2px 2px;
+    justify-content: flex-end;
+    align-items: center;
+}
+.t-table-dialog .t-dialog__footer .t-button--theme-primary {
+      background-color: #3a84ff;
+      border: none;
+}
+.t-table-dialog .t-dialog__footer .t-button--theme-default {
+      background-color: #fff;
+      color: #63656e;
+      border: 1px solid #c4c6cc;
+}
+.t-table-dialog .t-dialog__body {
+    padding: 0;
+}
+.t-table-dialog .t-table__column-controller-item {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+.t-table-dialog .t-checkbox.t-is-checked .t-checkbox__input {
+      background: #3a84ff;
+      border: 1px solid hsl(223, 7%, 62%);
+}
+.t-table-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input {
+      background: #3a84ff;
+      border: 1px solid #979ba5;
+}

package/dist/components/render-t-table/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js';
+script.__scopeId = "data-v-bei0orcl";
+script.__file = "./src/components/render-t-table/index.vue";
+import './index.vue.css';
+export default script;

package/dist/components/render-tag-tree/index.script.vue.js.js

@@ -0,0 +1,225 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, withCtx as _withCtx, createBlock as _createBlock, withDirectives as _withDirectives } from "vue";
+const _hoisted_1 = {
+    class: "!g-h-full !g-bg-white g-p-12"
+};
+const _hoisted_2 = {
+    class: "g-flex-row manage-tree-item"
+};
+const _hoisted_3 = {
+    class: "g-flex-truncate g-mr-4",
+    "data-ellipsis-tooltip": ""
+};
+const _hoisted_4 = {
+    class: "tag-number g-number-font"
+};
+import { ref, toRef, watch } from 'vue';
+import { isSearchMatch } from '../../common/util.ts.js';
+import RenderTree from '../render-tree/index.vue.js';
+import { useCommonHttp } from '../../hooks/use-common-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        module: {},
+        subModule: {},
+        tagName: {},
+        tagId: {},
+        groupType: {},
+        generateType: {},
+        apiPrefix: {},
+        spaceId: {}
+    },
+    emits: [
+        "update:tag-id",
+        "update:tagName"
+    ],
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const { getTagTree } = useCommonHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const isExistNoTags = ref(false);
+        const loadingTagsTree = ref(false);
+        const openedIds = ref([]);
+        const tags = ref([]);
+        const allDataMap = ref({
+            tagId: undefined,
+            tagName: '全部',
+            count: 0,
+            property: null,
+            children: []
+        });
+        const isNodeHasChildren = (node)=>{
+            var _node_children;
+            var _node_children_length;
+            return ((_node_children_length = (_node_children = node.children) === null || _node_children === void 0 ? void 0 : _node_children.length) !== null && _node_children_length !== void 0 ? _node_children_length : 0) > 0;
+        };
+        const handleUpdateTagId = (tagId)=>{
+            emit('update:tag-id', tagId);
+        };
+        const handleUpdateTagName = (tagName)=>{
+            emit('update:tagName', tagName);
+        };
+        // 设置搜索命中的展开节点
+        const handleSetSearchOpenedIds = (datas, search)=>{
+            if (!search) {
+                openedIds.value = [];
+                return;
+            }
+            // 递归搜索
+            const recursiveSearch = (datas, search)=>{
+                let isHit = false;
+                // 直接子节点命中
+                isHit = !!(datas === null || datas === void 0 ? void 0 : datas.find((item)=>isSearchMatch(item.tagName, search)));
+                // 递归子节点
+                datas === null || datas === void 0 ? void 0 : datas.forEach((data)=>{
+                    const isChildHit = recursiveSearch(data.children || [], search);
+                    if (isChildHit) {
+                        isHit = true;
+                        const nodeId = data.tagId;
+                        if (nodeId && !openedIds.value.includes(nodeId)) {
+                            openedIds.value.push(nodeId);
+                        }
+                    }
+                });
+                return isHit;
+            };
+            recursiveSearch(datas, search);
+        };
+        // 获取标签树列表
+        const handleGetTagsTree = ()=>{
+            loadingTagsTree.value = true;
+            getTagTree.abort();
+            getTagTree(props.module, props.subModule, props.tagName, props.groupType, props.generateType).then((data)=>{
+                allDataMap.value.count = data.all;
+                tags.value = data.all <= 0 && props.tagName ? data.tree : [
+                    allDataMap.value,
+                    ...data.tree
+                ];
+                isExistNoTags.value = tags.value.some((item)=>item.tagId === -1);
+            }).finally(()=>{
+                loadingTagsTree.value = false;
+            });
+        };
+        watch(()=>[
+                props.groupType,
+                props.spaceId,
+                props.generateType
+            ], ()=>{
+            if (props.tagName) {
+                handleUpdateTagName('');
+            } else {
+                handleGetTagsTree();
+                handleUpdateTagId(undefined);
+            }
+        }, {
+            immediate: true
+        });
+        watch(()=>props.tagName, function() {
+            var _ref = _async_to_generator(function*(val) {
+                yield handleGetTagsTree();
+                handleUpdateTagId(undefined);
+                handleSetSearchOpenedIds(tags.value, val);
+            });
+            return function(val) {
+                return _ref.apply(this, arguments);
+            };
+        }());
+        __expose({
+            handleGetTagsTree
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_input = _resolveComponent("bk-input");
+            const _directive_bkloading = _resolveDirective("bkloading");
+            return _openBlock(), _createElementBlock("section", _hoisted_1, [
+                _createVNode(_component_bk_input, {
+                    type: "search",
+                    class: "g-mb-12",
+                    clearable: "",
+                    placeholder: "搜索标签关键字",
+                    "model-value": props.tagName,
+                    "onUpdate:modelValue": handleUpdateTagName
+                }, null, 8 /* PROPS */ , [
+                    "model-value"
+                ]),
+                _withDirectives((_openBlock(), _createBlock(RenderTree, {
+                    "opened-ids": openedIds.value,
+                    "onUpdate:openedIds": _cache[0] || (_cache[0] = ($event)=>openedIds.value = $event),
+                    search: props.tagName,
+                    "api-prefix": props.apiPrefix,
+                    "space-id": props.spaceId,
+                    "selected-id": props.tagId,
+                    data: tags.value,
+                    "is-node-has-children": isNodeHasChildren,
+                    class: "tag-tree",
+                    "key-name": "tagId",
+                    onSelect: _cache[1] || (_cache[1] = (data)=>handleUpdateTagId(data.tagId)),
+                    "onUpdate:search": handleUpdateTagName
+                }, {
+                    default: _withCtx((data)=>[
+                            data.tagId === undefined ? (_openBlock(), _createElementBlock("i", {
+                                key: 0,
+                                class: _normalizeClass({
+                                    'quick-icon ai-ui-sdk-icon ai-ui-sdk-quanbu-xuanzhong !g-text-18 g-mr-8 g-text-gray': true,
+                                    'bottom-line': !isExistNoTags.value
+                                })
+                            }, null, 2 /* CLASS */ )) : _createCommentVNode("v-if", true),
+                            data.tagId === -1 ? (_openBlock(), _createElementBlock("i", {
+                                key: 1,
+                                class: _normalizeClass({
+                                    'quick-icon ai-ui-sdk-icon ai-ui-sdk-wubiaoqian !g-text-18 g-mr-8 g-text-gray': true,
+                                    'bottom-line': isExistNoTags.value
+                                })
+                            }, null, 2 /* CLASS */ )) : _createCommentVNode("v-if", true),
+                            _createElementVNode("section", _hoisted_2, [
+                                _createElementVNode("span", _hoisted_3, _toDisplayString(data.tagName), 1 /* TEXT */ ),
+                                _createElementVNode("span", _hoisted_4, _toDisplayString(data.count), 1 /* TEXT */ )
+                            ])
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "opened-ids",
+                    "search",
+                    "api-prefix",
+                    "space-id",
+                    "selected-id",
+                    "data"
+                ])), [
+                    [
+                        _directive_bkloading,
+                        {
+                            loading: loadingTagsTree.value
+                        }
+                    ]
+                ])
+            ]);
+        };
+    }
+});

package/dist/components/render-tag-tree/index.vue.css

@@ -0,0 +1,31 @@
+
+.tag-tree[data-v-0kfrhb0a] {
+  font-size: 12px;
+  height: auto;
+  max-height: calc(100% - 44px);
+}
+.tag-tree .manage-tree-item[data-v-0kfrhb0a] {
+    height: 32px;
+    flex: 1;
+}
+.tag-tree .quick-icon[data-v-0kfrhb0a] {
+    margin-left: -24px;
+    padding-left: 8px;
+}
+.tag-tree[data-v-0kfrhb0a] .tree-item:has(.bottom-line) {
+      border-bottom: 1px solid #F0F1F5;
+}
+.tag-tree[data-v-0kfrhb0a] .tree-item.active .quick-icon {
+        color: #3A84FF;
+}
+.tag-tree[data-v-0kfrhb0a] .tree-item.active .tag-number {
+        background: #A3C5FD;
+        color: #fff;
+}
+.tag-number[data-v-0kfrhb0a] {
+  line-height: 16px;
+  padding: 0 4px;
+  background-color: #F0F1F5;
+  color: #979BA5;
+  border-radius: 2px;
+}

package/dist/components/render-tag-tree/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-0kfrhb0a";
+script.__file = "./src/components/render-tag-tree/index.vue";
+import './index.vue.css';
+export default script;

package/dist/components/render-tags/index.script.vue.js

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+require('../../node_modules/regenerator-runtime/runtime.js');
+require('../../node_modules/core-js/modules/es.array.join.js');
+require('../../node_modules/core-js/modules/es.object.to-string.js');
+require('../../node_modules/core-js/modules/es.promise.js');
+require('../../node_modules/core-js/modules/web.dom-collections.for-each.js');
+var _vue = require("vue");
+var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
+        });
+    }
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var _hoisted_1 = {
+    class: "g-flex-main-text"
+};
+var _hoisted_2 = [
+    "is-show"
+];
+var gap = 4;
+var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+    props: {
+        tagNames: {},
+        height: {
+            default: 16
+        },
+        fontSize: {
+            default: 10
+        },
+        padding: {
+            default: 4
+        }
+    },
+    setup: function setup(__props) {
+        var _this = this;
+        var props = __props;
+        var overflowTags = (0, _vue.ref)([]);
+        var container = (0, _vue.ref)(null);
+        var calculateTags = function calculateTags() {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee() {
+                var _a, _b, currentWidth, containerWidth, allTags;
+                return regeneratorRuntime.wrap(function(_context) {
+                    while(1)switch(_context.prev = _context.next){
+                        case 0:
+                            if (container.value) {
+                                currentWidth = 0;
+                                containerWidth = container.value.offsetWidth;
+                                overflowTags.value = [];
+                                allTags = (_a = container.value) === null || _a === void 0 ? void 0 : _a.children;
+                                (_b = props.tagNames) === null || _b === void 0 ? void 0 : _b.forEach(function(tag, index) {
+                                    var tagEl = allTags[index];
+                                    if (!tagEl) return;
+                                    var tagWidth = tagEl.offsetWidth;
+                                    if (currentWidth + tagWidth + gap <= containerWidth && tagWidth) {
+                                        currentWidth += tagWidth + gap;
+                                        tagEl.setAttribute('is-show', true);
+                                    } else {
+                                        overflowTags.value.push(tag);
+                                        tagEl.setAttribute('is-show', false);
+                                    }
+                                });
+                            }
+                        case 1:
+                        case "end":
+                            return _context.stop();
+                    }
+                }, _callee);
+            }));
+        };
+        (0, _vue.watch)(function() {
+            return props.tagNames;
+        }, function() {
+            (0, _vue.nextTick)(calculateTags);
+        }, {
+            deep: true,
+            immediate: true
+        });
+        return function(_ctx, _cache) {
+            var _component_bk_popover = (0, _vue.resolveComponent)("bk-popover");
+            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [
+                (0, _vue.createElementVNode)("div", {
+                    ref_key: "container",
+                    ref: container,
+                    class: "tag-container g-flex-row"
+                }, [
+                    ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(__props.tagNames, function(tag, idx) {
+                        return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("span", {
+                            class: "g-text-10 g-text-center g-leading-16 tag-home",
+                            key: tag + '-' + idx
+                        }, [
+                            (0, _vue.createElementVNode)("span", {
+                                class: "tag-list !g-inline-block g-text-left g-text-normal",
+                                style: (0, _vue.normalizeStyle)({
+                                    height: "".concat(__props.height, "px"),
+                                    lineHeight: "".concat(__props.height, "px"),
+                                    fontSize: "".concat(__props.fontSize, "px"),
+                                    padding: "0 ".concat(__props.padding, "px")
+                                })
+                            }, (0, _vue.toDisplayString)(tag.join('/')), 5 /* TEXT, STYLE */ )
+                        ]);
+                    }), 128 /* KEYED_FRAGMENT */ )),
+                    (0, _vue.createVNode)(_component_bk_popover, {
+                        "ext-cls": "popover-main",
+                        disabled: !overflowTags.value.length
+                    }, {
+                        content: (0, _vue.withCtx)(function() {
+                            return [
+                                (0, _vue.createElementVNode)("ul", null, [
+                                    ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(overflowTags.value, function(tag, idx) {
+                                        return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("li", {
+                                            key: tag + '-' + idx
+                                        }, (0, _vue.toDisplayString)(tag.join('/')), 1 /* TEXT */ );
+                                    }), 128 /* KEYED_FRAGMENT */ ))
+                                ])
+                            ];
+                        }),
+                        default: (0, _vue.withCtx)(function() {
+                            return [
+                                (0, _vue.createElementVNode)("span", {
+                                    class: "tag-home g-leading-22 !g-cursor-pointer g-text-normal g-number-font tag-list",
+                                    "is-show": !!overflowTags.value.length,
+                                    style: (0, _vue.normalizeStyle)({
+                                        height: "".concat(__props.height, "px"),
+                                        lineHeight: "".concat(__props.height, "px"),
+                                        fontSize: "".concat(__props.fontSize, "px"),
+                                        padding: "0 ".concat(__props.padding, "px")
+                                    })
+                                }, " +" + (0, _vue.toDisplayString)(overflowTags.value.length), 13 /* TEXT, STYLE, PROPS */ , _hoisted_2)
+                            ];
+                        }),
+                        _: 1 /* STABLE */ 
+                    }, 8 /* PROPS */ , [
+                        "disabled"
+                    ])
+                ], 512 /* NEED_PATCH */ )
+            ]);
+        };
+    }
+});

package/dist/components/render-tags/index.vue.css

@@ -0,0 +1,24 @@
+
+.tag-container[data-v-kgk0veit] {
+  visibility: hidden;
+  white-space: nowrap;
+  column-gap: 4px;
+  width: calc(100% - 20px);
+}
+.tag-home[data-v-kgk0veit] {
+  vertical-align: sub;
+  flex-shrink: 0;
+}
+[is-show="true"][data-v-kgk0veit] {
+  visibility: visible;
+}
+[is-show="false"][data-v-kgk0veit] {
+  display: none !important;
+}
+.popover-main[data-v-kgk0veit] {
+  padding: 8px 8px 10px;
+}
+.tag-list[data-v-kgk0veit] {
+  border-radius: 2px;
+  background: #F0F1F5;
+}

package/dist/components/render-tags/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js';
+script.__scopeId = "data-v-kgk0veit";
+script.__file = "./src/components/render-tags/index.vue";
+import './index.vue.css';
+export default script;