cnhis-design-vue 3.1.23-beta.8 → 3.1.23

package/es/components/chunk-upload/src/hooks/vod-data.js

@@ -1 +1,28 @@
-export { getVodData } from './vod-data2.js';
+const getVodData = () => {
+  const VodState = {
+    videoVisible: false,
+    fileList: [],
+    cacheFileObj: {},
+    playerOptions: {},
+    vodClient: null,
+    chunkUploadVisible: false,
+    uploader: null,
+    autoStart: true,
+    timeOuts: 6e4 * 5,
+    configList: [],
+    draggableOptions: {
+      group: "upload-com-item",
+      filter: ".uploading-item",
+      delayOnTouchOnly: true,
+      delay: 100,
+      touchStartThreshold: 3,
+      chosenClass: "upload-chosen-draing",
+      dragClass: "upload-sortable-drag"
+    }
+  };
+  return {
+    VodState
+  };
+};
+
+export { getVodData };

package/es/components/chunk-upload/src/vod-chunk-upload/index.js

@@ -1 +1,2 @@
+import script from './vod-chunk-upload.js';
 export { default } from './vod-chunk-upload.js';

package/es/components/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.js

@@ -1,9 +1,9 @@
-import { defineComponent, reactive, computed, onMounted, openBlock, createElementBlock, withDirectives, normalizeClass, unref, createElementVNode, Fragment, vShow, createCommentVNode, createVNode, withCtx, normalizeStyle, toDisplayString, withModifiers, createBlock, createTextVNode } from 'vue';
+import { defineComponent, reactive, computed, onMounted, openBlock, createElementBlock, withDirectives, normalizeClass, unref, createElementVNode, Fragment, vShow, createCommentVNode, createVNode, withCtx, normalizeStyle, toDisplayString, createTextVNode, withModifiers, createBlock } from 'vue';
 import Draggable from 'vuedraggable';
 import XEUtils from 'xe-utils';
 import 'moment';
-import { getVodData } from '../hooks/vod-data2.js';
-import { VodComputed } from '../hooks/vod-computed2.js';
+import { getVodData } from '../hooks/vod-data.js';
+import { VodComputed } from '../hooks/vod-computed.js';
 import videoModal from '../../../../shared/components/player-vod/video-modal.js';
 import vodUploadModal from '../vod-upload-modal.js';
 import { NIcon, NButton } from 'naive-ui';
@@ -33,13 +33,11 @@ const _hoisted_9 = {
 const _hoisted_10 = { class: "vod-def-bg vod-done" };
 const _hoisted_11 = ["src"];
 const _hoisted_12 = ["src"];
-const _hoisted_13 = /* @__PURE__ */ createTextVNode(" \u4E0A\u4F20\u6210\u529F ");
-const _hoisted_14 = { class: "c-icon-wrap" };
-const _hoisted_15 = { class: "vod-def-bg vod-error" };
-const _hoisted_16 = ["src"];
-const _hoisted_17 = { class: "tooltip-wrap error-wrap" };
-const _hoisted_18 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
-const _hoisted_19 = ["onClick"];
+const _hoisted_13 = { class: "c-icon-wrap" };
+const _hoisted_14 = { class: "vod-def-bg vod-error" };
+const _hoisted_15 = ["src"];
+const _hoisted_16 = { class: "tooltip-wrap error-wrap" };
+const _hoisted_17 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "vod-chunk-upload",
   props: {
@@ -58,7 +56,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { VodState } = getVodData();
     const state = reactive(VodState);
     const mainForm = {};
-    const { isShowBtn, maskHeight, showPercent, allow_format, defaultValue, isDisabled, max_size, maxlength } = VodComputed(props, state, { mainForm });
+    const { isShowBtn, maskHeight, showPercent, allow_format, defaultValue, isDisabled, max_size, maxlength } = VodComputed(
+      props,
+      state,
+      { mainForm }
+    );
     console.log(isShowBtn.value, "----isShowBtn---", props.formData.title);
     computed(() => {
       return handleDefList();
@@ -252,10 +254,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       src: unref(img$1),
                       class: "upload-img"
                     }, null, 8, _hoisted_12),
-                    _hoisted_13
+                    createTextVNode(" \u4E0A\u4F20\u6210\u529F ")
                   ], 2),
                   createCommentVNode(" \u64AD\u653E\u56FE\u6807 "),
-                  createElementVNode("div", _hoisted_14, [
+                  createElementVNode("div", _hoisted_13, [
                     createVNode(unref(NIcon), {
                       component: unref(PlayCircleSharp),
                       class: "icon-play theme_filled",
@@ -270,19 +272,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ])
               ], 64)) : element.status === "error" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                 createCommentVNode(" \u4E0A\u4F20\u5931\u8D25 "),
-                createElementVNode("div", _hoisted_15, [
+                createElementVNode("div", _hoisted_14, [
                   createElementVNode("img", {
                     src: element.thumbUrl,
                     class: "vod-cover-img"
-                  }, null, 8, _hoisted_16),
-                  createElementVNode("div", _hoisted_17, [
+                  }, null, 8, _hoisted_15),
+                  createElementVNode("div", _hoisted_16, [
                     createElementVNode("span", null, toDisplayString(element.message ? element.message : "\u4E0A\u4F20\u5931\u8D25\uFF0C\u7EE7\u7EED\u4E0A\u4F20\uFF1F"), 1),
                     createVNode(unref(NButton), {
                       size: "small",
                       onClick: withModifiers(($event) => restartUpload(), ["prevent", "stop"])
                     }, {
                       default: withCtx(() => [
-                        _hoisted_18
+                        createTextVNode("\u786E\u5B9A")
                       ]),
                       _: 2
                     }, 1032, ["onClick"])
@@ -298,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: "pre-delete",
                   component: unref(RemoveCircleSharp)
                 }, null, 8, ["component"])
-              ], 8, _hoisted_19)) : createCommentVNode("v-if", true)
+              ], 8, _hoisted_17)) : createCommentVNode("v-if", true)
             ])
           ]),
           _: 1

package/es/components/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.vue.d.ts

@@ -208,7 +208,7 @@ declare const _default: import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         visible: BooleanConstructor;
         formData: {
             type: ObjectConstructor;

package/es/components/drag-layout/index.d.ts

@@ -449,7 +449,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
         NRadio: any;
         NCheckbox: any;
         NInput: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         element: {
             type: null;
             required: true;

package/es/components/drag-layout/index.js

@@ -1 +1,11 @@
-export { default } from './index2.js';
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import '../../shared/utils/utilExpand.js';
+import script from './src/DragLayout.js';
+
+const DragLayout = script;
+DragLayout.install = function(app) {
+  safeComponentRegister(app, DragLayout, COMPONENT_NAMESPACE + "DragLayout");
+};
+
+export { DragLayout as default };

package/es/components/drag-layout/src/DragFormLeftItem.js

@@ -10,15 +10,13 @@ const _hoisted_2 = {
 const _hoisted_3 = { class: "style-box" };
 const _hoisted_4 = { class: "style-box" };
 const _hoisted_5 = { class: "style-box" };
-const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u7537");
-const _hoisted_7 = /* @__PURE__ */ createTextVNode("\u5973");
-const _hoisted_8 = { class: "style-box" };
-const _hoisted_9 = { class: "style-box" };
-const _hoisted_10 = {
+const _hoisted_6 = { class: "style-box" };
+const _hoisted_7 = { class: "style-box" };
+const _hoisted_8 = {
   key: 6,
   class: "style-box"
 };
-const _hoisted_11 = {
+const _hoisted_9 = {
   key: 7,
   class: "style-box"
 };
@@ -66,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 defaultChecked: ""
               }, {
                 default: withCtx(() => [
-                  _hoisted_6
+                  createTextVNode("\u7537")
                 ]),
                 _: 1
               }),
@@ -75,14 +73,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 defaultChecked: false
               }, {
                 default: withCtx(() => [
-                  _hoisted_7
+                  createTextVNode("\u5973")
                 ]),
                 _: 1
               })
             ])
           ], 2112)) : __props.element.html_type === "CHECKBOX" || __props.element.html_type === "CHECKBOX_BLOCK" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
             createCommentVNode(" \u591A\u9009 "),
-            createElementVNode("div", _hoisted_8, [
+            createElementVNode("div", _hoisted_6, [
               createVNode(unref(NCheckbox), {
                 defaultChecked: "",
                 disabled: ""
@@ -94,19 +92,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ], 2112)) : __props.element.html_type === "SEARCH_CASCADE" || __props.element.html_type === "LEVEL_SEARCH_CASCADE" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
             createCommentVNode(" \u7EA7\u8054 "),
-            createElementVNode("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_7, [
               createVNode(unref(NSelect), {
                 defaultValue: "\u7701/\u5E02/\u533A",
                 disabled: ""
               })
             ])
-          ], 2112)) : __props.element.html_type === "PHONE_TYPE" ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          ], 2112)) : __props.element.html_type === "PHONE_TYPE" ? (openBlock(), createElementBlock("div", _hoisted_8, [
             createVNode(unref(NInput), {
               class: "style-box-input",
               disabled: "",
               placeholder: "+86"
             })
-          ])) : (openBlock(), createElementBlock("div", _hoisted_11, [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
             createVNode(unref(NInput), {
               class: "style-box-input",
               disabled: "",

package/es/components/drag-layout/src/DragFormLeftItem.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     NRadio: any;
     NCheckbox: any;
     NInput: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     element: {
         type: null;
         required: true;

package/es/components/drag-layout/src/DragFormRightItem.js

@@ -10,17 +10,11 @@ const _hoisted_2 = {
   class: "red"
 };
 const _hoisted_3 = { class: "form-btn" };
-const _hoisted_4 = /* @__PURE__ */ createTextVNode(" \u5FC5\u586B ");
-const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u4FEE\u6539 ");
-const _hoisted_6 = /* @__PURE__ */ createTextVNode(" \u79FB\u9664 ");
-const _hoisted_7 = {
+const _hoisted_4 = {
   key: 0,
   class: "red"
 };
-const _hoisted_8 = { class: "form-btn" };
-const _hoisted_9 = /* @__PURE__ */ createTextVNode(" \u5FC5\u586B ");
-const _hoisted_10 = /* @__PURE__ */ createTextVNode(" \u4FEE\u6539 ");
-const _hoisted_11 = /* @__PURE__ */ createTextVNode(" \u79FB\u9664 ");
+const _hoisted_5 = { class: "form-btn" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DragFormRightItem",
   props: {
@@ -83,11 +77,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isLineType = (t) => {
       return lineTypeList.value.includes(t);
     };
-    watch(() => props.fields, (val) => {
-      if (!val)
-        return;
-      showFields.value = val;
-    }, { immediate: true, deep: true });
+    watch(
+      () => props.fields,
+      (val) => {
+        if (!val)
+          return;
+        showFields.value = val;
+      },
+      { immediate: true, deep: true }
+    );
     return (_ctx, _cache) => {
       const _component_DragFormRightItem = resolveComponent("DragFormRightItem", true);
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -120,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: _cache[1] || (_cache[1] = ($event) => handlechangNull(__props.element))
                 }, {
                   default: withCtx(() => [
-                    _hoisted_4
+                    createTextVNode(" \u5FC5\u586B ")
                   ]),
                   _: 1
                 })) : createCommentVNode("v-if", true),
@@ -130,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: _cache[2] || (_cache[2] = ($event) => handleEdit(__props.element, __props.index, "edit"))
                 }, {
                   default: withCtx(() => [
-                    _hoisted_5
+                    createTextVNode(" \u4FEE\u6539 ")
                   ]),
                   _: 1
                 }, 512), [
@@ -144,7 +142,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: _cache[3] || (_cache[3] = ($event) => handleDelete(__props.element, __props.index))
               }, {
                 default: withCtx(() => [
-                  _hoisted_6
+                  createTextVNode(" \u79FB\u9664 ")
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true)
@@ -185,10 +183,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass({ "item-opacity": __props.element.is_show == 0 })
           }, [
-            __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_7, "*")) : createCommentVNode("v-if", true),
+            __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("v-if", true),
             createTextVNode(" " + toDisplayString(__props.element.name), 1)
           ], 2),
-          createElementVNode("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_5, [
             __props.element.html_type != "TEXT" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               __props.element.is_edit == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
                 key: 0,
@@ -208,7 +206,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: _cache[6] || (_cache[6] = ($event) => handlechangNull(__props.element))
               }, {
                 default: withCtx(() => [
-                  _hoisted_9
+                  createTextVNode(" \u5FC5\u586B ")
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true),
@@ -237,7 +235,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: _cache[8] || (_cache[8] = ($event) => handleEdit(__props.element, __props.index, "edit"))
                   }, {
                     default: withCtx(() => [
-                      _hoisted_10
+                      createTextVNode(" \u4FEE\u6539 ")
                     ]),
                     _: 1
                   }, 512), [
@@ -250,7 +248,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: _cache[9] || (_cache[9] = ($event) => handleDelete(__props.element, __props.index))
                   }, {
                     default: withCtx(() => [
-                      _hoisted_11
+                      createTextVNode(" \u79FB\u9664 ")
                     ]),
                     _: 1
                   })) : createCommentVNode("v-if", true)

package/es/components/drag-layout/src/DragLayout.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, computed, onMounted, nextTick, watch, openBlock, createElementBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, renderSlot, normalizeStyle, normalizeClass, createBlock, Fragment, withDirectives, vShow, vModelCheckbox, createTextVNode } from 'vue';
+import { defineComponent, ref, reactive, computed, onMounted, nextTick, watch, openBlock, createElementBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, renderSlot, createTextVNode, normalizeStyle, normalizeClass, createBlock, Fragment, withDirectives, vShow, vModelCheckbox } from 'vue';
 import { NButton, NModal, NForm, NGrid, NFormItemGi, NInput, NSelect, NCheckbox, NInputNumber } from 'naive-ui';
 import Draggable from 'vuedraggable';
 import DragFormLeftItem from './DragFormLeftItem.js';
@@ -11,12 +11,8 @@ const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "border-bo
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "info-header" }, "\u5907\u9009\u5B57\u6BB5", -1);
 const _hoisted_3 = { class: "form-area" };
 const _hoisted_4 = { class: "info-header" };
-const _hoisted_5 = /* @__PURE__ */ createTextVNode("\u65B0\u5EFA\u5206\u884C\u7B26");
-const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u65B0\u5EFA\u5206\u7EBF\u680F");
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("label", { class: "new-name" }, "\u540D\u79F0", -1);
-const _hoisted_8 = /* @__PURE__ */ createTextVNode(" \u9ED8\u8BA4\u5C55\u5F00 ");
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
-const _hoisted_10 = /* @__PURE__ */ createTextVNode(" \u4E0D\u53EF\u6298\u53E0 ");
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("label", { class: "new-name" }, "\u540D\u79F0", -1);
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DragLayout",
   props: {
@@ -107,7 +103,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       ]
     };
-    const isPageLayout = computed(() => state.modalFormData.html_type === "PAGE_LAYOUT" || state.modalFormData.html_type === "COMBINATION");
+    const isPageLayout = computed(
+      () => state.modalFormData.html_type === "PAGE_LAYOUT" || state.modalFormData.html_type === "COMBINATION"
+    );
     const is_text = computed(() => state.modalFormData.html_type === "TEXT");
     const hideModalWidth = computed(() => state.modalFormData.html_type === "COMBINATION");
     const lineTypeList = computed(() => ["LINEBAR", "LINE_BREAKS"]);
@@ -310,9 +308,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         textArea.value.style.height = dragLayoutContainer.value.clientHeight + "px";
       });
     });
-    watch([state.showFields, state.hideFields], ([showFields, hideFields]) => {
-      updateConfig();
-    }, { deep: true });
+    watch(
+      [state.showFields, state.hideFields],
+      ([showFields, hideFields]) => {
+        updateConfig();
+      },
+      { deep: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "drag-layout-container",
@@ -357,7 +359,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: handlerAddBranchLine
             }, {
               default: withCtx(() => [
-                _hoisted_5
+                createTextVNode("\u65B0\u5EFA\u5206\u884C\u7B26")
               ]),
               _: 1
             }),
@@ -368,7 +370,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: handlerAddLine
             }, {
               default: withCtx(() => [
-                _hoisted_6
+                createTextVNode("\u65B0\u5EFA\u5206\u7EBF\u680F")
               ]),
               _: 1
             })
@@ -617,7 +619,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createElementVNode("div", null, [
-              _hoisted_7,
+              _hoisted_5,
               createVNode(unref(NInput), {
                 class: "view-model-input new-name-input",
                 value: state.itemTitleNameAdd,
@@ -633,8 +635,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 544), [
                 [vModelCheckbox, state.isAddChecked]
               ]),
-              _hoisted_8,
-              _hoisted_9,
+              createTextVNode(" \u9ED8\u8BA4\u5C55\u5F00 "),
+              _hoisted_6,
               withDirectives(createElementVNode("input", {
                 class: "name-new-change",
                 onChange: _cache[15] || (_cache[15] = ($event) => onChangeAdd($event, "is_not_fold")),
@@ -643,7 +645,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 544), [
                 [vModelCheckbox, state.is_not_foldChecked]
               ]),
-              _hoisted_10,
+              createTextVNode(" \u4E0D\u53EF\u6298\u53E0 "),
               createCommentVNode(' {{ $t("1.9.69") }} ')
             ], 512), [
               [vShow, state.lineType != "LINE_BREAKS"]

package/es/components/drag-layout/src/DragLayout.vue.d.ts

@@ -449,7 +449,7 @@ declare const _default: import("vue").DefineComponent<{
         NRadio: any;
         NCheckbox: any;
         NInput: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         element: {
             type: null;
             required: true;

package/es/components/editor/index.js

@@ -1 +1,10 @@
-export { default } from './index2.js';
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/Editor.js';
+
+const Editor = script;
+Editor.install = function(app) {
+  safeComponentRegister(app, Editor, COMPONENT_NAMESPACE + "Editor");
+};
+
+export { Editor as default };

package/es/components/fabric-chart/index.d.ts

@@ -123,7 +123,7 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
             };
             __isTeleport: true;
         };
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         show: {
             type: BooleanConstructor;
             required: true;

package/es/components/fabric-chart/index.js

@@ -1 +1,10 @@
-export { default } from './index2.js';
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/FabricChart.js';
+
+const FabricChart = script;
+FabricChart.install = function(app) {
+  safeComponentRegister(app, FabricChart, COMPONENT_NAMESPACE + "FabricChart");
+};
+
+export { FabricChart as default };

package/es/components/fabric-chart/src/FabricChart.js

@@ -1,14 +1,14 @@
 import { defineComponent, ref, computed, reactive, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, createElementVNode, unref, createBlock, mergeProps, createCommentVNode } from 'vue';
 import { fabric } from './utils/index.js';
-import { defaultBorderStyle } from './hooks/useDraw2.js';
-import { useCumputedPoint } from './hooks/useCumputedPoint2.js';
-import { useTop } from './hooks/useTop2.js';
-import { useLeft } from './hooks/useLeft2.js';
-import { useRight } from './hooks/useRight2.js';
-import { useCenter } from './hooks/useCenter2.js';
-import { useBottom } from './hooks/useBottom2.js';
-import { useOther } from './hooks/useOther2.js';
-import { useEvent, useCanvasEvent } from './hooks/useEvent2.js';
+import { defaultBorderStyle } from './hooks/useDraw.js';
+import { useCumputedPoint } from './hooks/useCumputedPoint.js';
+import { useTop } from './hooks/useTop.js';
+import { useLeft } from './hooks/useLeft.js';
+import { useRight } from './hooks/useRight.js';
+import { useCenter } from './hooks/useCenter.js';
+import { useBottom } from './hooks/useBottom.js';
+import { useOther } from './hooks/useOther.js';
+import { useEvent, useCanvasEvent } from './hooks/useEvent.js';
 import PopupTip from './components/PopupTip.js';
 import PopupMenu from './components/PopupMenu.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
@@ -281,8 +281,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const { cumputedX, cumputedY, getXValue, getYValue } = useCumputedPoint(propItems);
     useTop(canvas, propItems);
-    const { pointTipProps, pointMenuProps, clickMenu, setPopup, getEqualXTypes, isAddPoint } = useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, props.addRenderItem);
-    const { drawScaleValue } = useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, getYValue, getEqualXTypes, isAddPoint);
+    const { pointTipProps, pointMenuProps, clickMenu, setPopup, getEqualXTypes, isAddPoint } = useCenter(
+      canvas,
+      propItems,
+      emits,
+      cumputedX,
+      cumputedY,
+      getXValue,
+      getYValue,
+      props.addRenderItem
+    );
+    const { drawScaleValue } = useLeft(
+      canvas,
+      propItems,
+      emits,
+      setPopup,
+      pointTipProps,
+      getXValue,
+      getYValue,
+      getEqualXTypes,
+      isAddPoint
+    );
     useRight(canvas, propItems, drawScaleValue);
     useBottom(canvas, propItems);
     useOther(canvas, propItems, cumputedX);

package/es/components/fabric-chart/src/FabricChart.vue.d.ts

@@ -124,7 +124,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             __isTeleport: true;
         };
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         show: {
             type: BooleanConstructor;
             required: true;

package/es/components/fabric-chart/src/components/PopupMenu.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, createVNode, Teleport, withDirectives, vShow } from 'vue';
 import { NSpace, NInputNumber } from 'naive-ui';
-import useStyle from './useStyle2.js';
+import useStyle from './useStyle.js';
 import { onClickOutside } from '@vueuse/core';
 
 var PopupMenu = defineComponent({

package/es/components/fabric-chart/src/components/PopupTip.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, Teleport, withDirectives, createElementVNode, normalizeStyle, unref, createElementBlock, Fragment, renderList, toDisplayString, vShow } from 'vue';
-import useStyle from './useStyle2.js';
+import useStyle from './useStyle.js';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/components/fabric-chart/src/components/PopupTip.vue.d.ts

@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         __isTeleport: true;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: {
         type: BooleanConstructor;
         required: true;

package/es/components/fabric-chart/src/components/useStyle.js

@@ -1 +1,36 @@
-export { default } from './useStyle2.js';
+import { computed } from 'vue';
+
+function useStyle(props) {
+  const { canvasWidth, canvasHeight } = props.propItems;
+  const pointStyle = computed(() => {
+    const { x, y } = props.point;
+    const marginLeft = 15;
+    const marginTop = -15;
+    const style = {
+      top: "",
+      bottom: "",
+      left: "",
+      right: "",
+      "transform-origin": ""
+    };
+    const height = 200;
+    if (canvasWidth - (x + marginLeft) < height) {
+      style.right = canvasWidth - x + marginLeft + "px";
+      style["transform-origin"] = "right";
+    } else {
+      style.left = x + marginLeft + "px";
+      style["transform-origin"] = "left";
+    }
+    if (canvasHeight - (y + marginTop) < height) {
+      style.bottom = canvasHeight - y + marginTop + "px";
+      style["transform-origin"] += " bottom";
+    } else {
+      style.top = y + marginTop + "px";
+      style["transform-origin"] += " top";
+    }
+    return style;
+  });
+  return pointStyle;
+}
+
+export { useStyle as default };