cnhis-design-vue 3.1.9-beta.2 → 3.1.9-beta.5

package/es/packages/drag-layout/style/index.less

@@ -1,208 +1,208 @@
-.drag-layout-container {
-  width: 100%;
-  height: 100%;
-  flex: 1;
-  overflow: hidden;
-  overflow-y: auto;
-  position: relative;
-  display: flex;
-  justify-content: flex-start;
-  border: 1px solid #d2d9e8;
-  text-align: left;
-
-  .min-height {
-    height: calc(100% - 60px);
-    overflow: hidden;
-    overflow-y: auto;
-
-    li {
-      list-style: none;
-    }
-  }
-
-  .border-box {
-    position: absolute;
-    top: 0;
-    left: 30%;
-    border-left: 1px solid #d2d9e8;
-    height: 100%;
-  }
-
-  .text-area {
-    width: 30%;
-    height: 100%;
-    overflow-y: auto;
-    padding: 0 !important;
-
-    .info-header {
-      display: flex;
-      height: 50px;
-      line-height: 50px;
-      padding: 0 10px;
-      margin-bottom: 10px;
-      color: #2e2e2e;
-      font-size: 18px;
-      font-weight: bold;
-      background: #e6eaef;
-    }
-
-    .text-draggable {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      align-items: flex-start;
-      padding: 0 12px 12px;
-      box-sizing: border-box;
-      align-content: flex-start;
-
-      li {
-        width: 49%;
-        text-align: center;
-      }
-    }
-  }
-
-  .form-area {
-    position: relative;
-    width: 70%;
-    height: 100%;
-    overflow-y: auto;
-    padding: 4px;
-    box-sizing: border-box;
-
-    &::-webkit-scrollbar {
-      width: 5px;
-    }
-
-    .info-header {
-      height: 50px;
-      margin-bottom: 10px;
-      background: unset;
-
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-    }
-
-    .combination-col {
-      border: 1px solid #cdc5d3;
-      margin-bottom: 10px;
-    }
-  }
-}
-
-.dragForm-select-drop {
-  z-index: 2001;
-}
-
-.DragFormRightItem {
-  position: relative;
-
-  .is-edit-class {
-    background-color: #f5f5f5 !important;
-    border-color: #d9d9d9 !important;
-  }
-
-  .combination-item {
-    padding: 0px 8px 8px;
-
-    > div {
-      line-height: 35px;
-
-      &:hover > .form-btn {
-        display: flex;
-      }
-    }
-  }
-
-  .form-btn {
-    display: none;
-    align-items: center;
-    position: absolute;
-    top: -1px;
-    right: 0px;
-    height: 100%;
-    white-space: nowrap;
-
-    .quick-reply {
-      display: inline-block;
-      border: 1px dashed rgb(205, 197, 211);
-      font-size: 12px;
-      height: 22px;
-      line-height: 1.499;
-    }
-
-    &:deep(.n-input),
-    &:deep(.n-select) {
-      margin-left: 5px;
-    }
-
-    &:deep(.n-select) {
-      top: -3px;
-    }
-  }
-
-  .right-content {
-    border: 1px dashed rgb(205, 197, 211);
-    background: #fdfdfd;
-    height: 35px;
-    line-height: 35px;
-    padding: 0 10px;
-    position: relative;
-    margin-bottom: 10px;
-    cursor: pointer;
-
-    &:hover .form-btn {
-      display: flex;
-    }
-  }
-
-  .blue-border {
-    border: 1px solid #5585f5 !important;
-  }
-
-  .item-opacity {
-    opacity: 0.5;
-  }
-
-  .red {
-    color: red;
-  }
-}
-
-.DragFormLeftItem {
-  .left-content {
-    width: 100%;
-    margin-bottom: 16px;
-    overflow: hidden;
-    cursor: pointer;
-    color: #2e2e2e;
-
-    .style-box {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 60px;
-      padding: 0 8px;
-      box-sizing: border-box;
-      margin-bottom: 8px;
-      background: #f3f5f8;
-
-      &-input {
-        width: 85%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        cursor: pointer !important;
-      }
-
-      input[type="radio"][disabled],
-      input[type="checkbox"][disabled],
-      input[type="radio"].disabled,
-      input[type="checkbox"].disabled {
-        cursor: pointer !important;
-      }
-    }
-  }
-}
+.drag-layout-container {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  overflow: hidden;
+  overflow-y: auto;
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+  border: 1px solid #d2d9e8;
+  text-align: left;
+
+  .min-height {
+    height: calc(100% - 60px);
+    overflow: hidden;
+    overflow-y: auto;
+
+    li {
+      list-style: none;
+    }
+  }
+
+  .border-box {
+    position: absolute;
+    top: 0;
+    left: 30%;
+    border-left: 1px solid #d2d9e8;
+    height: 100%;
+  }
+
+  .text-area {
+    width: 30%;
+    height: 100%;
+    overflow-y: auto;
+    padding: 0 !important;
+
+    .info-header {
+      display: flex;
+      height: 50px;
+      line-height: 50px;
+      padding: 0 10px;
+      margin-bottom: 10px;
+      color: #2e2e2e;
+      font-size: 18px;
+      font-weight: bold;
+      background: #e6eaef;
+    }
+
+    .text-draggable {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: flex-start;
+      padding: 0 12px 12px;
+      box-sizing: border-box;
+      align-content: flex-start;
+
+      li {
+        width: 49%;
+        text-align: center;
+      }
+    }
+  }
+
+  .form-area {
+    position: relative;
+    width: 70%;
+    height: 100%;
+    overflow-y: auto;
+    padding: 4px;
+    box-sizing: border-box;
+
+    &::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    .info-header {
+      height: 50px;
+      margin-bottom: 10px;
+      background: unset;
+
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+    }
+
+    .combination-col {
+      border: 1px solid #cdc5d3;
+      margin-bottom: 10px;
+    }
+  }
+}
+
+.dragForm-select-drop {
+  z-index: 2001;
+}
+
+.DragFormRightItem {
+  position: relative;
+
+  .is-edit-class {
+    background-color: #f5f5f5 !important;
+    border-color: #d9d9d9 !important;
+  }
+
+  .combination-item {
+    padding: 0px 8px 8px;
+
+    > div {
+      line-height: 35px;
+
+      &:hover > .form-btn {
+        display: flex;
+      }
+    }
+  }
+
+  .form-btn {
+    display: none;
+    align-items: center;
+    position: absolute;
+    top: -1px;
+    right: 0px;
+    height: 100%;
+    white-space: nowrap;
+
+    .quick-reply {
+      display: inline-block;
+      border: 1px dashed rgb(205, 197, 211);
+      font-size: 12px;
+      height: 22px;
+      line-height: 1.499;
+    }
+
+    &:deep(.n-input),
+    &:deep(.n-select) {
+      margin-left: 5px;
+    }
+
+    &:deep(.n-select) {
+      top: -3px;
+    }
+  }
+
+  .right-content {
+    border: 1px dashed rgb(205, 197, 211);
+    background: #fdfdfd;
+    height: 35px;
+    line-height: 35px;
+    padding: 0 10px;
+    position: relative;
+    margin-bottom: 10px;
+    cursor: pointer;
+
+    &:hover .form-btn {
+      display: flex;
+    }
+  }
+
+  .blue-border {
+    border: 1px solid #5585f5 !important;
+  }
+
+  .item-opacity {
+    opacity: 0.5;
+  }
+
+  .red {
+    color: red;
+  }
+}
+
+.DragFormLeftItem {
+  .left-content {
+    width: 100%;
+    margin-bottom: 16px;
+    overflow: hidden;
+    cursor: pointer;
+    color: #2e2e2e;
+
+    .style-box {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      height: 60px;
+      padding: 0 8px;
+      box-sizing: border-box;
+      margin-bottom: 8px;
+      background: #f3f5f8;
+
+      &-input {
+        width: 85%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        cursor: pointer !important;
+      }
+
+      input[type="radio"][disabled],
+      input[type="checkbox"][disabled],
+      input[type="radio"].disabled,
+      input[type="checkbox"].disabled {
+        cursor: pointer !important;
+      }
+    }
+  }
+}

package/es/packages/editor/index.mjs

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

package/es/packages/editor/index2.mjs

@@ -0,0 +1,10 @@
+import { COMPONENT_NAMESPACE } from 'cnhis-design-vue/es/src/global/variable';
+import { safeComponentRegister } from 'cnhis-design-vue/es/src/utils';
+import script from './src/Editor2.mjs';
+
+const Editor = script;
+Editor.install = function(app) {
+  safeComponentRegister(app, Editor, COMPONENT_NAMESPACE + "Editor");
+};
+
+export { Editor as default };

package/es/packages/editor/src/Editor.mjs

@@ -1,77 +1 @@
-import { defineComponent, shallowRef, reactive, onBeforeUnmount, createVNode, mergeProps } from 'vue';
-import '@wangeditor/editor/dist/css/style.css';
-import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
-
-var script = defineComponent({
-  name: "Editor",
-  inheritAttrs: false,
-  components: {
-    Editor,
-    Toolbar
-  },
-  props: {
-    editorConfig: {
-      type: Object
-    },
-    uploadImgUrl: {
-      type: String
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [],
-  setup(props, {
-    attrs,
-    slots,
-    emit
-  }) {
-    const editorRef = shallowRef();
-    const toolbarConfig = {};
-    const editorConfig = reactive({
-      MENU_CONF: {
-        "uploadImage": {
-          server: props.uploadImgUrl || ""
-        }
-      },
-      ...props.editorConfig
-    });
-    onBeforeUnmount(() => {
-      const editor = editorRef.value;
-      if (editor == null)
-        return;
-      editor.destroy();
-    });
-    const handleCreated = (editor) => {
-      editorRef.value = editor;
-      if (props.isDisabled) {
-        editor.disable();
-      }
-      console.log("\u5B9E\u4F8B", editor);
-    };
-    const renderVN = () => createVNode("div", {
-      "style": "border: 1px solid #ccc"
-    }, [createVNode(Toolbar, {
-      "style": "border-bottom: 1px solid #ccc",
-      "editor": editorRef.value,
-      "defaultConfig": toolbarConfig,
-      "mode": "default"
-    }, null), createVNode(Editor, mergeProps({
-      "style": "height: 500px; overflow-y: hidden;"
-    }, attrs, {
-      "defaultConfig": editorConfig,
-      "mode": "default",
-      "onOnCreated": handleCreated
-    }), null)]);
-    return {
-      editorRef,
-      renderVN
-    };
-  },
-  render() {
-    return this.renderVN();
-  }
-});
-
-export { script as default };
+export { default } from './Editor2.mjs';

package/es/packages/editor/src/Editor2.mjs

@@ -0,0 +1,77 @@
+import { defineComponent, shallowRef, reactive, onBeforeUnmount, createVNode, mergeProps } from 'vue';
+import '@wangeditor/editor/dist/css/style.css';
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
+
+var script = defineComponent({
+  name: "Editor",
+  inheritAttrs: false,
+  components: {
+    Editor,
+    Toolbar
+  },
+  props: {
+    editorConfig: {
+      type: Object
+    },
+    uploadImgUrl: {
+      type: String
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const editorRef = shallowRef();
+    const toolbarConfig = {};
+    const editorConfig = reactive({
+      MENU_CONF: {
+        "uploadImage": {
+          server: props.uploadImgUrl || ""
+        }
+      },
+      ...props.editorConfig
+    });
+    onBeforeUnmount(() => {
+      const editor = editorRef.value;
+      if (editor == null)
+        return;
+      editor.destroy();
+    });
+    const handleCreated = (editor) => {
+      editorRef.value = editor;
+      if (props.isDisabled) {
+        editor.disable();
+      }
+      console.log("\u5B9E\u4F8B", editor);
+    };
+    const renderVN = () => createVNode("div", {
+      "style": "border: 1px solid #ccc"
+    }, [createVNode(Toolbar, {
+      "style": "border-bottom: 1px solid #ccc",
+      "editor": editorRef.value,
+      "defaultConfig": toolbarConfig,
+      "mode": "default"
+    }, null), createVNode(Editor, mergeProps({
+      "style": "height: 500px; overflow-y: hidden;"
+    }, attrs, {
+      "defaultConfig": editorConfig,
+      "mode": "default",
+      "onOnCreated": handleCreated
+    }), null)]);
+    return {
+      editorRef,
+      renderVN
+    };
+  },
+  render() {
+    return this.renderVN();
+  }
+});
+
+export { script as default };

package/es/packages/field-set/index.mjs

@@ -1,11 +1 @@
-import { COMPONENT_NAMESPACE } from 'cnhis-design-vue/es/src/global/variable';
-import { safeComponentRegister } from 'cnhis-design-vue/es/src/utils';
-import './src/index2.mjs';
-import script from './src/index.vue_vue_type_script_setup_true_lang2.mjs';
-
-const FieldSet = script;
-FieldSet.install = function(app) {
-  safeComponentRegister(app, FieldSet, COMPONENT_NAMESPACE + "FieldSet");
-};
-
-export { FieldSet as default };
+export { default } from './index2.mjs';

package/es/packages/field-set/index2.mjs

@@ -0,0 +1,11 @@
+import { COMPONENT_NAMESPACE } from 'cnhis-design-vue/es/src/global/variable';
+import { safeComponentRegister } from 'cnhis-design-vue/es/src/utils';
+import './src/index3.mjs';
+import script from './src/index.vue_vue_type_script_setup_true_lang2.mjs';
+
+const FieldSet = script;
+FieldSet.install = function(app) {
+  safeComponentRegister(app, FieldSet, COMPONENT_NAMESPACE + "FieldSet");
+};
+
+export { FieldSet as default };

package/es/packages/field-set/src/FieldSet.mjs

@@ -1,4 +1,2 @@
-import script from './FieldSet.vue_vue_type_script_setup_true_lang.mjs';
+import './FieldSet2.mjs';
 export { default } from './FieldSet.vue_vue_type_script_setup_true_lang.mjs';
-
-script.__file = "packages/field-set/src/FieldSet.vue";

package/es/packages/field-set/src/FieldSet.vue_vue_type_script_setup_true_lang.mjs

@@ -48,7 +48,6 @@ const _hoisted_30 = { class: "btn-operate" };
 const _hoisted_31 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
 const _hoisted_32 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
 var script = /* @__PURE__ */ defineComponent({
-  __name: "FieldSet",
   props: {
     fields: {
       type: Array,
@@ -165,7 +164,7 @@ var script = /* @__PURE__ */ defineComponent({
         class: "c-field-set"
       }, [
         createVNode(unref(NSpin), {
-          show: state.spinning,
+          show: unref(state).spinning,
           tip: "...",
           style: { "width": "100%", "height": "100%" }
         }, {
@@ -173,7 +172,7 @@ var script = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_1, [
               createElementVNode("div", _hoisted_2, [
                 createElementVNode("div", {
-                  class: normalizeClass(["setting-title", { "seting-title-api": !state.isCustomSearch }])
+                  class: normalizeClass(["setting-title", { "seting-title-api": !unref(state).isCustomSearch }])
                 }, [
                   _hoisted_3,
                   createCommentVNode(" \u5B57\u6BB5\u540D\u79F0 "),
@@ -207,10 +206,10 @@ var script = /* @__PURE__ */ defineComponent({
                 ], 2),
                 createElementVNode("div", {
                   ref: "setShow",
-                  class: normalizeClass(["set-show", { "set-show-api": !state.isCustomSearch }])
+                  class: normalizeClass(["set-show", { "set-show-api": !unref(state).isCustomSearch }])
                 }, [
                   createVNode(unref(Draggable), {
-                    list: state.fields,
+                    list: unref(state).fields,
                     animation: "150",
                     "item-key": "sid",
                     tag: "ul"

package/es/packages/field-set/src/FieldSet2.mjs

@@ -0,0 +1,4 @@
+import script from './FieldSet.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './FieldSet.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/field-set/src/FieldSet.vue";

package/es/packages/field-set/src/Index.mjs

@@ -1,4 +1,2 @@
-import script from './Index.vue_vue_type_script_setup_true_lang.mjs';
+import './Index2.mjs';
 export { default } from './Index.vue_vue_type_script_setup_true_lang.mjs';
-
-script.__file = "packages/field-set/src/Index.vue";

package/es/packages/field-set/src/Index.vue_vue_type_script_setup_true_lang.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, normalizeProps, mergeProps } from 'vue';
-import './FieldSet.mjs';
-import './NewFieldSet.mjs';
+import './FieldSet2.mjs';
+import './NewFieldSet2.mjs';
 import script$1 from './FieldSet.vue_vue_type_script_setup_true_lang.mjs';
 import script$2 from './NewFieldSet.vue_vue_type_script_setup_true_lang.mjs';