@blueking/ai-ui-sdk 0.3.0-beta.29 → 0.3.0-beta.30

package/dist/components/render-agent/agent-type.vue.css

@@ -1,15 +1,15 @@
 
-.agent-type[data-v-alud24pk] {
+.agent-type[data-v-di913pb1] {
   display: inline-block;
   border-radius: 2px;
   text-align: left;
   white-space: nowrap;
 }
-.agent-type.single[data-v-alud24pk] {
+.agent-type.single[data-v-di913pb1] {
     color: #1768EF;
     background-color: #E1ECFF;
 }
-.agent-type.flow[data-v-alud24pk] {
+.agent-type.flow[data-v-di913pb1] {
     color: #E38B02;
     background: #FDEED8;
 }

package/dist/components/render-agent/agent-type.vue.js

@@ -1,5 +1,5 @@
 import script from './agent-type.script.vue.js.js';
-script.__scopeId = "data-v-alud24pk";
+script.__scopeId = "data-v-di913pb1";
 script.__file = "./src/components/render-agent/agent-type.vue";
 import './agent-type.vue.css';
 export default script;

package/dist/components/render-auto-height-textarea/index.vue.css

@@ -1,40 +1,40 @@
 
-.send-container[data-v-xfnoury3] {
+.send-container[data-v-h927pge9] {
   position: relative;
 }
-.send-container[data-v-xfnoury3]:has(textarea:focus) {
+.send-container[data-v-h927pge9]:has(textarea:focus) {
     z-index: 2;
 }
-.send-container:hover .send-clear[data-v-xfnoury3] {
+.send-container:hover .send-clear[data-v-h927pge9] {
       display: inline-flex !important;
 }
-.send-input[data-v-xfnoury3] {
+.send-input[data-v-h927pge9] {
   width: 100%;
   flex-direction: row;
   height: var(--origin-height);
 }
-.send-input[data-v-xfnoury3]:has(textarea:focus) {
+.send-input[data-v-h927pge9]:has(textarea:focus) {
     height: var(--text-height);
 }
-.send-input[data-v-xfnoury3] textarea {
+.send-input[data-v-h927pge9] textarea {
     font-size: 12px;
     line-height: 16px;
     padding: 7px;
     resize: none !important;
 }
-.send-input[data-v-xfnoury3] textarea::-webkit-scrollbar {
+.send-input[data-v-h927pge9] textarea::-webkit-scrollbar {
       width: 4px;
       height: 4px;
 }
-.send-input[data-v-xfnoury3] textarea::-webkit-scrollbar-thumb {
+.send-input[data-v-h927pge9] textarea::-webkit-scrollbar-thumb {
       height: 5px;
       border-radius: 3px;
       background-color: #dcdee5;
 }
-.send-input[data-v-xfnoury3] textarea::placeholder {
+.send-input[data-v-h927pge9] textarea::placeholder {
       line-height: 16px;
 }
-.send-clear[data-v-xfnoury3] {
+.send-clear[data-v-h927pge9] {
   display: none !important;
   position: absolute;
   right: 10px;
@@ -43,6 +43,6 @@
   font-size: 14px;
   cursor: pointer;
 }
-.send-clear[data-v-xfnoury3]:hover {
+.send-clear[data-v-h927pge9]:hover {
     color: #313238;
 }

package/dist/components/render-auto-height-textarea/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-xfnoury3";
+script.__scopeId = "data-v-h927pge9";
 script.__file = "./src/components/render-auto-height-textarea/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-auto-refresh/index.vue.css

@@ -1,12 +1,12 @@
 
-.auto-refresh[data-v-8ijm9ppd] {
+.auto-refresh[data-v-zquobatf] {
   position: relative;
   cursor: pointer;
   line-height: 26px;
   padding: 0 4px;
   white-space: nowrap;
 }
-.auto-refresh[data-v-8ijm9ppd]:after {
+.auto-refresh[data-v-zquobatf]:after {
     content: '';
     position: absolute;
     top: 5px;
@@ -16,31 +16,31 @@
     background-color: #dcdee5;
     z-index: 1;
 }
-.auto-refresh[data-v-8ijm9ppd]:hover {
+.auto-refresh[data-v-zquobatf]:hover {
     color: #3A84FF;
     background-color: #E1ECFF;
 }
-.refresh[data-v-8ijm9ppd] {
+.refresh[data-v-zquobatf] {
   cursor: pointer;
   line-height: 26px;
   padding: 0 4px;
 }
-.refresh[data-v-8ijm9ppd]:hover {
+.refresh[data-v-zquobatf]:hover {
     color: #3A84FF;
     background-color: #E1ECFF;
 }
-.textarea-list[data-v-8ijm9ppd] {
+.textarea-list[data-v-zquobatf] {
   padding: 4px 0;
   line-height: 32px;
   max-height: 300px;
   position: relative;
   z-index: 2;
 }
-.textarea-list .textarea-item[data-v-8ijm9ppd] {
+.textarea-list .textarea-item[data-v-zquobatf] {
     padding: 0 12px;
     cursor: pointer;
 }
-.textarea-list .textarea-item[data-v-8ijm9ppd]:hover {
+.textarea-list .textarea-item[data-v-zquobatf]:hover {
       background: #E1ECFF;
       color: #3A84FF;
 }

package/dist/components/render-auto-refresh/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-8ijm9ppd";
+script.__scopeId = "data-v-zquobatf";
 script.__file = "./src/components/render-auto-refresh/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-card/agent/prefix-info-tool.vue.css

@@ -1,10 +1,10 @@
 
-.command-number[data-v-ykvds93e] {
+.command-number[data-v-fm2sf5as] {
   width: 24px;
   border-radius: 2px;
   background: #A3C5FD;
 }
-.delete-icon[data-v-ykvds93e] {
+.delete-icon[data-v-fm2sf5as] {
   width: 18px;
   height: 17px;
   background: #C4C6CC;
@@ -12,7 +12,7 @@
   top: 0;
   right: 0;
 }
-.li-content[data-v-ykvds93e] {
+.li-content[data-v-fm2sf5as] {
   width: 220px;
   border: 1px solid #DCDEE5;
   border-radius: 12px;
@@ -20,9 +20,9 @@
   margin-left: 15px;
   padding: 0 10px;
 }
-.confirm-button[data-v-ykvds93e] {
+.confirm-button[data-v-fm2sf5as] {
   margin: 0 8px 0 68px;
 }
-.command-name-text[data-v-ykvds93e] {
+.command-name-text[data-v-fm2sf5as] {
   max-width: 165px;
 }

package/dist/components/render-card/agent/prefix-info-tool.vue.js

@@ -1,5 +1,5 @@
 import script from './prefix-info-tool.script.vue.js.js';
-script.__scopeId = "data-v-ykvds93e";
+script.__scopeId = "data-v-fm2sf5as";
 script.__file = "./src/components/render-card/agent/prefix-info-tool.vue";
 import './prefix-info-tool.vue.css';
 export default script;

package/dist/components/render-card/base.vue.css

@@ -1,53 +1,53 @@
 
-.resource-card-home[data-v-lkjysbu0] {
+.resource-card-home[data-v-t0gu3cj8] {
   background: #FFFFFF;
 }
-.resource-card-home .resource-card-sub-name[data-v-lkjysbu0] {
+.resource-card-home .resource-card-sub-name[data-v-t0gu3cj8] {
     margin-right: -4px;
 }
-.resource-card-home.full[data-v-lkjysbu0], .resource-card-home.application[data-v-lkjysbu0], .resource-card-home.market[data-v-lkjysbu0] {
+.resource-card-home.full[data-v-t0gu3cj8], .resource-card-home.application[data-v-t0gu3cj8], .resource-card-home.market[data-v-t0gu3cj8] {
     padding: 16px 16px 0;
     box-shadow: 0 2px 4px 0 #0000000d;
     border-radius: 8px;
 }
-.resource-card-home.full[data-v-lkjysbu0]:hover, .resource-card-home.application[data-v-lkjysbu0]:hover, .resource-card-home.market[data-v-lkjysbu0]:hover {
+.resource-card-home.full[data-v-t0gu3cj8]:hover, .resource-card-home.application[data-v-t0gu3cj8]:hover, .resource-card-home.market[data-v-t0gu3cj8]:hover {
       box-shadow: 0 2px 10px 0 #0000001f;
 }
-.resource-card-home.full .resource-card-name[data-v-lkjysbu0], .resource-card-home.application .resource-card-name[data-v-lkjysbu0], .resource-card-home.market .resource-card-name[data-v-lkjysbu0] {
+.resource-card-home.full .resource-card-name[data-v-t0gu3cj8], .resource-card-home.application .resource-card-name[data-v-t0gu3cj8], .resource-card-home.market .resource-card-name[data-v-t0gu3cj8] {
       font-size: 14px;
       color: #313238;
       font-weight: bold;
 }
-.resource-card-home.full .resource-card-description[data-v-lkjysbu0], .resource-card-home.application .resource-card-description[data-v-lkjysbu0], .resource-card-home.market .resource-card-description[data-v-lkjysbu0] {
+.resource-card-home.full .resource-card-description[data-v-t0gu3cj8], .resource-card-home.application .resource-card-description[data-v-t0gu3cj8], .resource-card-home.market .resource-card-description[data-v-t0gu3cj8] {
       color: #4D4F56;
       height: 60px;
       white-space: pre-wrap;
       word-break: break-all;
 }
-.resource-card-home.choose[data-v-lkjysbu0] {
+.resource-card-home.choose[data-v-t0gu3cj8] {
     padding: 10px 12px 0;
     border: 1px solid #DCDEE5;
     border-radius: 4px;
 }
-.resource-card-home.choose .resource-card-name[data-v-lkjysbu0] {
+.resource-card-home.choose .resource-card-name[data-v-t0gu3cj8] {
       font-size: 14px;
       color: #000000;
       font-weight: bold;
 }
-.resource-card-home.choose .resource-card-description[data-v-lkjysbu0] {
+.resource-card-home.choose .resource-card-description[data-v-t0gu3cj8] {
       color: #4D4F56;
       height: 20px;
 }
-.resource-card-home.info[data-v-lkjysbu0],.resource-card-home.record[data-v-lkjysbu0] {
+.resource-card-home.info[data-v-t0gu3cj8],.resource-card-home.record[data-v-t0gu3cj8] {
     padding: 10px 12px;
     border: 1px solid #DCDEE5;
     border-radius: 4px;
 }
-.resource-card-home.info .resource-card-name[data-v-lkjysbu0], .resource-card-home.record .resource-card-name[data-v-lkjysbu0] {
+.resource-card-home.info .resource-card-name[data-v-t0gu3cj8], .resource-card-home.record .resource-card-name[data-v-t0gu3cj8] {
       font-size: 12px;
       color: #313238;
 }
-.resource-card-actions[data-v-lkjysbu0] {
+.resource-card-actions[data-v-t0gu3cj8] {
   border-top: 1px solid #F5F7FA;
   height: 58px;
   gap: 0 8px;

package/dist/components/render-card/base.vue.js

@@ -1,5 +1,5 @@
 import script from './base.script.vue.js';
-script.__scopeId = "data-v-lkjysbu0";
+script.__scopeId = "data-v-t0gu3cj8";
 script.__file = "./src/components/render-card/base.vue";
 import './base.vue.css';
 export default script;

package/dist/components/render-card/llm/corner-badge.vue.css

@@ -1,5 +1,5 @@
 
-.llm-corner-badge[data-v-fe81fmso] {
+.llm-corner-badge[data-v-inrtn0xn] {
   top: 0;
   right: 0;
   width: 48px;
@@ -8,10 +8,10 @@
   clip-path: polygon(100% 0, 0 0, 100% 100%);
   border-radius: 0 8px;
 }
-.llm-corner-badge[data-v-fe81fmso]:hover {
+.llm-corner-badge[data-v-inrtn0xn]:hover {
     background: linear-gradient(142.7deg, #fdf4e8 0%, #e5a239 100%);
 }
-.llm-corner-badge-text[data-v-fe81fmso] {
+.llm-corner-badge-text[data-v-inrtn0xn] {
   top: 8px;
   right: 0;
   transform: rotate(45deg);

package/dist/components/render-card/llm/corner-badge.vue.js

@@ -1,5 +1,5 @@
 import script from './corner-badge.script.vue.js';
-script.__scopeId = "data-v-fe81fmso";
+script.__scopeId = "data-v-inrtn0xn";
 script.__file = "./src/components/render-card/llm/corner-badge.vue";
 import './corner-badge.vue.css';
 export default script;

package/dist/components/render-card/llm/icons.vue.css

@@ -1,7 +1,7 @@
 
-.like-button:hover .ai-ui-sdk-icon[data-v-zcq5p9w6], .like-button:hover span[data-v-zcq5p9w6] {
+.like-button:hover .ai-ui-sdk-icon[data-v-mjugiym9], .like-button:hover span[data-v-mjugiym9] {
       color: #3A84FF !important;
 }
-.dislike-button:hover .ai-ui-sdk-icon[data-v-zcq5p9w6], .dislike-button:hover span[data-v-zcq5p9w6], .dislike-button:active .ai-ui-sdk-icon[data-v-zcq5p9w6], .dislike-button:active span[data-v-zcq5p9w6] {
+.dislike-button:hover .ai-ui-sdk-icon[data-v-mjugiym9], .dislike-button:hover span[data-v-mjugiym9], .dislike-button:active .ai-ui-sdk-icon[data-v-mjugiym9], .dislike-button:active span[data-v-mjugiym9] {
       color: #EA3636 !important;
 }

package/dist/components/render-card/llm/icons.vue.js

@@ -1,5 +1,5 @@
 import script from './icons.script.vue.js.js';
-script.__scopeId = "data-v-zcq5p9w6";
+script.__scopeId = "data-v-mjugiym9";
 script.__file = "./src/components/render-card/llm/icons.vue";
 import './icons.vue.css';
 export default script;

package/dist/components/render-card/llm/info.vue.css

@@ -1,5 +1,5 @@
 
-.llm-info[data-v-tj3e3dpb] {
+.llm-info[data-v-gwctc990] {
   background: #F5F7FA;
   border-radius: 2px;
   padding: 8px;

package/dist/components/render-card/llm/info.vue.js

@@ -1,5 +1,5 @@
 import script from './info.script.vue.js.js';
-script.__scopeId = "data-v-tj3e3dpb";
+script.__scopeId = "data-v-gwctc990";
 script.__file = "./src/components/render-card/llm/info.vue";
 import './info.vue.css';
 export default script;

package/dist/components/render-card/llm/tag-prefix.vue.css

@@ -1,12 +1,12 @@
 
-.tag-item[data-v-ddcyzcw9] {
+.tag-item[data-v-u448hrf7] {
   padding: 0 4px;
 }
-.tag-external[data-v-ddcyzcw9] {
+.tag-external[data-v-u448hrf7] {
   color: #636a2f;
   background: #EAEFC6;
 }
-.tag-public[data-v-ddcyzcw9], .tag-private[data-v-ddcyzcw9] {
+.tag-public[data-v-u448hrf7], .tag-private[data-v-u448hrf7] {
   color: #3a84ff;
   background: #e1ecff;
 }

package/dist/components/render-card/llm/tag-prefix.vue.js

@@ -1,5 +1,5 @@
 import script from './tag-prefix.script.vue.js.js';
-script.__scopeId = "data-v-ddcyzcw9";
+script.__scopeId = "data-v-u448hrf7";
 script.__file = "./src/components/render-card/llm/tag-prefix.vue";
 import './tag-prefix.vue.css';
 export default script;

package/dist/components/render-card/mcp/name-suffix.vue.css

@@ -1,11 +1,11 @@
 
-.tool-number[data-v-of67dzj2] {
+.tool-number[data-v-3y25fxjr] {
   background: #E1ECFF;
   border-radius: 2px;
   padding: 0 4px;
   font-size: 10px;
 }
-.tool-number[data-v-of67dzj2]:hover {
+.tool-number[data-v-3y25fxjr]:hover {
     background: #3A84FF;
     color: #fff;
 }

package/dist/components/render-card/mcp/name-suffix.vue.js

@@ -1,5 +1,5 @@
 import script from './name-suffix.script.vue.js';
-script.__scopeId = "data-v-of67dzj2";
+script.__scopeId = "data-v-3y25fxjr";
 script.__file = "./src/components/render-card/mcp/name-suffix.vue";
 import './name-suffix.vue.css';
 export default script;

package/dist/components/render-card/prompt/icons.vue.css

@@ -1,4 +1,4 @@
 
-.like-button:hover .ai-ui-sdk-icon[data-v-gd2fm5sd], .like-button:hover span[data-v-gd2fm5sd] {
+.like-button:hover .ai-ui-sdk-icon[data-v-b75apywd], .like-button:hover span[data-v-b75apywd] {
       color: #3A84FF !important;
 }

package/dist/components/render-card/prompt/icons.vue.js

@@ -1,5 +1,5 @@
 import script from './icons.script.vue.js.js';
-script.__scopeId = "data-v-gd2fm5sd";
+script.__scopeId = "data-v-b75apywd";
 script.__file = "./src/components/render-card/prompt/icons.vue";
 import './icons.vue.css';
 export default script;

package/dist/components/render-card/skill/prefix-info-tool.script.vue.js

@@ -25,12 +25,11 @@ var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, gener
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { defineComponent as _defineComponent, Fragment as _Fragment, createTextVNode as _createTextVNode, createVNode as _createVNode2 } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, withModifiers as _withModifiers, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, createElementVNode as _createElementVNode, withDirectives as _withDirectives, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
-import { Input } from 'tdesign-vue-next';
 import { ref } from 'vue';
 import { isEmpty } from '../../../common/util.ts.js';
-import RenderTTable from '../../render-t-table/index.vue.js';
+import VariableForm from '../../render-skill/variable-form/index.vue.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         skill: {},
@@ -42,68 +41,9 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emit = __emit;
-        const tableRef = ref();
         const isShow = ref(false);
         const renderEnvs = ref();
-        const getColumns = ()=>[
-                {
-                    colKey: 'key',
-                    title: 'Key',
-                    ellipsis: true,
-                    className: '!g-bg-FAFBFD'
-                },
-                {
-                    colKey: 'value',
-                    title: ()=>_createVNode2(_Fragment, null, [
-                            _createTextVNode("Value"),
-                            _createVNode2("span", {
-                                "class": "g-ml-4 g-text-12 g-text-EA3636"
-                            }, [
-                                _createTextVNode("*")
-                            ])
-                        ]),
-                    ellipsis: true,
-                    edit: {
-                        component: Input,
-                        props: {
-                            clearable: true,
-                            autofocus: true,
-                            autoWidth: true,
-                            placeholder: '请输入 Value'
-                        },
-                        validateTrigger: 'change',
-                        onEdited: (context)=>{
-                            const newData = [
-                                ...renderEnvs.value
-                            ];
-                            newData.splice(context.rowIndex, 1, context.newRowData);
-                            renderEnvs.value = newData;
-                        },
-                        rules: ({ row })=>{
-                            if (row === null || row === void 0 ? void 0 : row.required) {
-                                return [
-                                    {
-                                        required: true,
-                                        message: `${row.key}值为必填`,
-                                        validator: (val)=>isEmpty(val)
-                                    }
-                                ];
-                            }
-                            return [];
-                        },
-                        abortEditOnEvent: [
-                            'onEnter',
-                            'onBlur'
-                        ]
-                    }
-                },
-                {
-                    colKey: 'description',
-                    title: '说明',
-                    ellipsis: true,
-                    className: '!g-bg-FAFBFD'
-                }
-            ];
+        const formRef = ref();
         const handleShow = ()=>__awaiter(this, void 0, void 0, function*() {
                 var _a;
                 isShow.value = true;
@@ -112,15 +52,9 @@ export default /*@__PURE__*/ _defineComponent({
         const handleCancel = ()=>{
             isShow.value = false;
         };
-        const validate = ()=>__awaiter(this, void 0, void 0, function*() {
-                var _a;
-                const { result } = yield (_a = tableRef.value) === null || _a === void 0 ? void 0 : _a.validate();
-                if (!isEmpty(result)) {
-                    throw new Error('Skill 有必填项未配置');
-                }
-            });
         const handleConfirm = ()=>__awaiter(this, void 0, void 0, function*() {
-                yield validate();
+                var _a;
+                yield (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.validate();
                 handleCancel();
                 emit('update:skill', Object.assign(Object.assign({}, props.skill), {
                     envs: renderEnvs.value
@@ -141,20 +75,13 @@ export default /*@__PURE__*/ _defineComponent({
                 onCancel: handleCancel
             }, {
                 content: _withCtx(()=>[
-                        _cache[0] || (_cache[0] = _createElementVNode("h3", {
-                            class: "g-text-12 g-leading-20 g-text-black g-mb-12 g-mt-6 g-mx-16"
-                        }, " 以下环境变量将在 skill 沙箱启动时自动注入 ", -1 /* CACHED */ )),
-                        _createVNode(RenderTTable, {
-                            ref_key: "tableRef",
-                            ref: tableRef,
-                            "row-key": "key",
-                            class: "g-mb-12 g-mx-16",
-                            bordered: true,
-                            columns: getColumns(),
-                            "table-data": renderEnvs.value
+                        _createVNode(VariableForm, {
+                            "skill-envs": renderEnvs.value,
+                            "onUpdate:skillEnvs": _cache[0] || (_cache[0] = ($event)=>renderEnvs.value = $event),
+                            ref_key: "formRef",
+                            ref: formRef
                         }, null, 8 /* PROPS */ , [
-                            "columns",
-                            "table-data"
+                            "skill-envs"
                         ])
                     ]),
                 default: _withCtx(()=>[

package/dist/components/render-card/skill/tag-prefix.vue.css

@@ -1,13 +1,13 @@
 
-.tag-pass[data-v-4s2b7fak] {
+.tag-pass[data-v-t1szhxlp] {
   color: #299E56;
   background: #DAF6E5;
 }
-.tag-fail[data-v-4s2b7fak] {
+.tag-fail[data-v-t1szhxlp] {
   color: #E71818;
   background: #FFDDDD;
 }
-.tag-error[data-v-4s2b7fak] {
+.tag-error[data-v-t1szhxlp] {
   color: #E38B02;
   background: #FCE5C0;
 }

package/dist/components/render-card/skill/tag-prefix.vue.js

@@ -1,5 +1,5 @@
 import script from './tag-prefix.script.vue.js.js';
-script.__scopeId = "data-v-4s2b7fak";
+script.__scopeId = "data-v-t1szhxlp";
 script.__file = "./src/components/render-card/skill/tag-prefix.vue";
 import './tag-prefix.vue.css';
 export default script;

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

@@ -1,5 +1,5 @@
 
-.checkbox[data-v-efcq0ym0] {
+.checkbox[data-v-jrbqvoug] {
   position: relative;
   display: inline-block;
   width: 16px;
@@ -8,27 +8,27 @@
   border-radius: 2px;
   cursor: pointer;
 }
-.checkbox.disabled[data-v-efcq0ym0] {
+.checkbox.disabled[data-v-jrbqvoug] {
     cursor: not-allowed;
     background: #fafbfd;
     border-color: #dcdee5;
 }
-.checkbox.disabled.checked[data-v-efcq0ym0] {
+.checkbox.disabled.checked[data-v-jrbqvoug] {
       background-color: #a3c5fd;
       border-color: #a3c5fd;
 }
-.checkbox.disabled.indeterminate[data-v-efcq0ym0] {
+.checkbox.disabled.indeterminate[data-v-jrbqvoug] {
       background-color: #fafbfd;
       border-color: #dcdee5;
 }
-.checkbox.disabled.indeterminate[data-v-efcq0ym0]:after {
+.checkbox.disabled.indeterminate[data-v-jrbqvoug]:after {
         background: #dcdee5;
 }
-.checkbox.checked[data-v-efcq0ym0] {
+.checkbox.checked[data-v-jrbqvoug] {
     background-color: #3a84ff;
     border: 1px solid #3a84ff;
 }
-.checkbox.checked[data-v-efcq0ym0]:after {
+.checkbox.checked[data-v-jrbqvoug]:after {
       position: absolute;
       top: 50%;
       left: 50%;
@@ -41,11 +41,11 @@
       transform: translate(-50%, -60%) rotate(45deg);
       transform-origin: center;
 }
-.checkbox.indeterminate[data-v-efcq0ym0] {
+.checkbox.indeterminate[data-v-jrbqvoug] {
     background-color: #3a84ff;
     border: 1px solid #3a84ff;
 }
-.checkbox.indeterminate[data-v-efcq0ym0]:after {
+.checkbox.indeterminate[data-v-jrbqvoug]:after {
       position: absolute;
       top: 50%;
       left: 50%;

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

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