@tmagic/editor 1.2.14 → 1.2.15

package/dist/tmagic-editor.umd.cjs

@@ -1839,7 +1839,7 @@
       };
     }
     async createId(type) {
-      return `${type}_${this.guid()}`;
+      return `${type}_${utils.guid()}`;
     }
     /**
      * 将组件与组件的子元素配置中的id都设置成一个新的ID
@@ -1882,18 +1882,6 @@
       this.removeAllListeners();
       this.removeAllPlugins();
     }
-    /**
-     * 生成指定位数的GUID，无【-】格式
-     * @param digit 位数，默认值8
-     * @returns
-     */
-    guid(digit = 8) {
-      return "x".repeat(digit).replace(/[xy]/g, (c) => {
-        const r = Math.random() * 16 | 0;
-        const v = c === "x" ? r : r & 3 | 8;
-        return v.toString(16);
-      });
-    }
   }
   const propsService = new Props();
 
@@ -3437,9 +3425,18 @@
           size: "small",
           placeholder: "输入关键字进行过滤",
           clearable: "",
-          "prefix-icon": vue.unref(iconsVue.Search),
           onInput: filterTextChangeHandler
-        }, null, 8, ["modelValue", "prefix-icon"]);
+        }, {
+          prefix: vue.withCtx(() => [
+            vue.createVNode(vue.unref(design.TMagicIcon), null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.Search))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]);
       };
     }
   });
@@ -3454,11 +3451,7 @@
 
   const _sfc_main$j = {};
 
-  const _hoisted_1$b = {
-    width: "16px",
-    height: "16px",
-    xmlns: "http://www.w3.org/2000/svg"
-  };
+  const _hoisted_1$b = { xmlns: "http://www.w3.org/2000/svg" };
   const _hoisted_2$6 = /*#__PURE__*/vue.createElementVNode("g", {
     fill: "#7C878E",
     "fill-rule": "evenodd"
@@ -3481,20 +3474,18 @@
   const _sfc_main$i = {};
 
   const _hoisted_1$a = {
-    width: "32px",
-    height: "32px",
     viewBox: "0 0 32 32",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink"
   };
-  const _hoisted_2$5 = /*#__PURE__*/vue.createStaticVNode("<title>gsd-icon-line-Universal-code</title><desc>Created with Sketch.</desc><defs><rect id=\"path-1\" x=\"0\" y=\"0\" width=\"32\" height=\"32\"></rect></defs><g id=\"组件规范\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"03图标\" transform=\"translate(-561.000000, -2356.000000)\"><g id=\"icon/line/Universal/code\" transform=\"translate(561.000000, 2356.000000)\"><g id=\"路径\"><mask id=\"mask-2\" fill=\"white\"><use xlink:href=\"#path-1\"></use></mask><use id=\"蒙版\" fill=\"#D8D8D8\" opacity=\"0\" xlink:href=\"#path-1\"></use><path d=\"M21.9284587,7.9482233 L29.8079004,15.827665 C29.9055315,15.9252961 29.9055315,16.0835874 29.8079004,16.1812184 L21.9284587,24.0606602 C21.8308276,24.1582912 21.6725364,24.1582912 21.5749053,24.0606602 L20.3374684,22.8232233 C20.2419143,22.7276698 20.2398813,22.5740096 20.331369,22.4759832 L20.3374687,22.4696702 L26.8027181,16.0044417 L20.3374687,9.53921328 C20.2398372,9.44158265 20.2398369,9.2832914 20.3374679,9.18566017 L21.5749053,7.9482233 C21.6725364,7.85059223 21.8308276,7.85059223 21.9284587,7.9482233 Z M10.3999684,7.9482233 L11.6374053,9.18566017 C11.7329594,9.28121371 11.7349925,9.43487387 11.6435048,9.53290029 L11.637405,9.53921328 L5.17215562,16.0044417 L11.637405,22.4696702 C11.7329593,22.5652236 11.7349926,22.7188837 11.643505,22.8169103 L11.6374053,22.8232233 L10.3999684,24.0606602 C10.3023374,24.1582912 10.1440461,24.1582912 10.046415,24.0606602 L2.1669733,16.1812184 C2.06934223,16.0835874 2.06934223,15.9252961 2.1669733,15.827665 L10.046415,7.9482233 C10.1440461,7.85059223 10.3023374,7.85059223 10.3999684,7.9482233 Z M17.2612532,9.29310422 L18.9262468,9.83189578 C19.0576112,9.87440526 19.1296423,10.0153579 19.0871328,10.1467222 L15.0848232,22.514807 C15.0423138,22.6461714 14.9013612,22.7182025 14.7699968,22.675693 L13.1050032,22.1369014 C12.9736388,22.0943919 12.9016077,21.9534393 12.9441172,21.822075 L16.9464268,9.45399022 C16.9889362,9.32262585 17.1298888,9.25059474 17.2612532,9.29310422 Z\" id=\"形状\" fill=\"#1D1F24\" mask=\"url(#mask-2)\"></path></g></g><g id=\"icon切图\" transform=\"translate(226.000000, 1782.000000)\"></g></g></g>", 4);
-  const _hoisted_6 = [
+  const _hoisted_2$5 = /*#__PURE__*/vue.createStaticVNode("<defs><rect id=\"path-1\" x=\"0\" y=\"0\" width=\"32\" height=\"32\"></rect></defs><g id=\"组件规范\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"03图标\" transform=\"translate(-561.000000, -2356.000000)\"><g id=\"icon/line/Universal/code\" transform=\"translate(561.000000, 2356.000000)\"><g id=\"路径\"><mask id=\"mask-2\" fill=\"white\"><use xlink:href=\"#path-1\"></use></mask><use id=\"蒙版\" fill=\"#D8D8D8\" opacity=\"0\" xlink:href=\"#path-1\"></use><path d=\"M21.9284587,7.9482233 L29.8079004,15.827665 C29.9055315,15.9252961 29.9055315,16.0835874 29.8079004,16.1812184 L21.9284587,24.0606602 C21.8308276,24.1582912 21.6725364,24.1582912 21.5749053,24.0606602 L20.3374684,22.8232233 C20.2419143,22.7276698 20.2398813,22.5740096 20.331369,22.4759832 L20.3374687,22.4696702 L26.8027181,16.0044417 L20.3374687,9.53921328 C20.2398372,9.44158265 20.2398369,9.2832914 20.3374679,9.18566017 L21.5749053,7.9482233 C21.6725364,7.85059223 21.8308276,7.85059223 21.9284587,7.9482233 Z M10.3999684,7.9482233 L11.6374053,9.18566017 C11.7329594,9.28121371 11.7349925,9.43487387 11.6435048,9.53290029 L11.637405,9.53921328 L5.17215562,16.0044417 L11.637405,22.4696702 C11.7329593,22.5652236 11.7349926,22.7188837 11.643505,22.8169103 L11.6374053,22.8232233 L10.3999684,24.0606602 C10.3023374,24.1582912 10.1440461,24.1582912 10.046415,24.0606602 L2.1669733,16.1812184 C2.06934223,16.0835874 2.06934223,15.9252961 2.1669733,15.827665 L10.046415,7.9482233 C10.1440461,7.85059223 10.3023374,7.85059223 10.3999684,7.9482233 Z M17.2612532,9.29310422 L18.9262468,9.83189578 C19.0576112,9.87440526 19.1296423,10.0153579 19.0871328,10.1467222 L15.0848232,22.514807 C15.0423138,22.6461714 14.9013612,22.7182025 14.7699968,22.675693 L13.1050032,22.1369014 C12.9736388,22.0943919 12.9016077,21.9534393 12.9441172,21.822075 L16.9464268,9.45399022 C16.9889362,9.32262585 17.1298888,9.25059474 17.2612532,9.29310422 Z\" id=\"形状\" fill=\"#1D1F24\" mask=\"url(#mask-2)\"></path></g></g><g id=\"icon切图\" transform=\"translate(226.000000, 1782.000000)\"></g></g></g>", 2);
+  const _hoisted_4$3 = [
     _hoisted_2$5
   ];
 
   function _sfc_render$1(_ctx, _cache) {
-    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _hoisted_6))
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _hoisted_4$3))
   }
   const CodeIcon = /*#__PURE__*/_export_sfc(_sfc_main$i, [['render',_sfc_render$1]]);
 
@@ -3924,7 +3915,7 @@
     }
   });
 
-  const _hoisted_1$6 = { class: "code-header-wrapper" };
+  const _hoisted_1$6 = { class: "search-wrapper" };
   const _hoisted_2$2 = /* @__PURE__ */ vue.createTextVNode("新增");
   const _hoisted_3 = ["id"];
   const _hoisted_4 = { class: "list-item" };
@@ -4020,7 +4011,7 @@
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicScrollbar), { class: "m-editor-code-block-list" }, {
+        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicScrollbar), { class: "m-editor-code-block-list m-editor-dep-list-panel" }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "code-block-panel-header", {}, () => [
               vue.createElementVNode("div", _hoisted_1$6, [
@@ -4067,8 +4058,8 @@
                       class: "compIcon"
                     })) : vue.createCommentVNode("", true),
                     vue.createElementVNode("span", {
-                      class: vue.normalizeClass(["code-name", { code: data.type === "code", hook: data.type === "key" }])
-                    }, vue.toDisplayString(data.name) + "（" + vue.toDisplayString(data.id) + "）", 3),
+                      class: vue.normalizeClass(["name", { code: data.type === "code", hook: data.type === "key" }])
+                    }, vue.toDisplayString(data.name) + " (" + vue.toDisplayString(data.id) + ")", 3),
                     data.type === "code" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
                       vue.createVNode(vue.unref(design.TMagicTooltip), {
                         effect: "dark",
@@ -4757,7 +4748,8 @@
     },
     setup(__props, { expose }) {
       const props = __props;
-      const uiComponent = design.getConfig("components").tabPane;
+      const tabPaneComponent = design.getConfig("components").tabPane;
+      const tabsComponent = design.getConfig("components").tabs;
       const activeTabName = vue.ref(props.data?.status);
       const getItemConfig = (data) => {
         const map = {
@@ -4802,20 +4794,17 @@
         activeTabName
       });
       return (_ctx, _cache) => {
-        return __props.data.type === "tabs" && __props.data.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTabs), {
+        return __props.data.type === "tabs" && __props.data.items.length ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tabsComponent).component), vue.mergeProps({
           key: 0,
-          class: "m-editor-sidebar",
           modelValue: activeTabName.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTabName.value = $event),
-          type: "card",
-          "tab-position": "left"
-        }, {
+          class: "m-editor-sidebar tmagic-design-tabs"
+        }, vue.unref(tabsComponent).props({ type: "card", tabPosition: "left" })), {
           default: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(sideBarItems), (config, index) => {
-              return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(uiComponent).component), {
-                key: config.$key || index,
-                name: config.text
-              }, {
+              return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tabPaneComponent).component), vue.mergeProps(vue.unref(tabPaneComponent).props({ name: config.text }), {
+                key: config.$key || index
+              }), {
                 label: vue.withCtx(() => [
                   (vue.openBlock(), vue.createElementBlock("div", {
                     key: config.text
@@ -4895,11 +4884,11 @@
                   ]), 1040)) : vue.createCommentVNode("", true)
                 ]),
                 _: 2
-              }, 1032, ["name"]);
+              }, 1040);
             }), 128))
           ]),
           _: 3
-        }, 8, ["modelValue"])) : vue.createCommentVNode("", true);
+        }, 16, ["modelValue"])) : vue.createCommentVNode("", true);
       };
     }
   });