cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

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

@@ -0,0 +1,122 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, Fragment, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { NInput, NDatePicker, NSelect, NRadio, NCheckbox } from 'naive-ui';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "DragFormLeftItem" };
+const _hoisted_2 = {
+  key: 0,
+  class: "style-box"
+};
+const _hoisted_3 = { class: "style-box" };
+const _hoisted_4 = { class: "style-box" };
+const _hoisted_5 = { class: "style-box" };
+const _hoisted_6 = { class: "style-box" };
+const _hoisted_7 = { class: "style-box" };
+const _hoisted_8 = {
+  key: 6,
+  class: "style-box"
+};
+const _hoisted_9 = {
+  key: 7,
+  class: "style-box"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DragFormLeftItem",
+  props: {
+    element: null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["left-content", [__props.element.extraField ? "blue-border" : "", "item-" + __props.element.html_type]])
+        }, [
+          createCommentVNode(" \u6587\u672C\u57DF "),
+          __props.element.html_type === "TEXTAREA" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            createVNode(unref(NInput), {
+              class: "style-box-input",
+              disabled: "",
+              placeholder: __props.element.placeholder || __props.element.name,
+              type: "textarea",
+              rows: 2
+            }, null, 8, ["placeholder"])
+          ])) : __props.element.html_type === "DATE" || __props.element.html_type === "DATE-INPUT" || __props.element.html_type === "DATETIME-INPUT" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createCommentVNode(" \u65E5\u671F "),
+            createElementVNode("div", _hoisted_3, [
+              createVNode(unref(NDatePicker), {
+                disabled: "",
+                placeholder: __props.element.placeholder || __props.element.name
+              }, null, 8, ["placeholder"])
+            ])
+          ], 2112)) : __props.element.html_type === "SELECT" || __props.element.html_type === "SEARCH" || __props.element.html_type === "SEARCH_MORE" || __props.element.html_type === "PHONE_TYPE" || __props.element.html_type === "IDCARD_TYPE" || __props.element.html_type === "LABEL" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            createCommentVNode(" \u4E0B\u62C9 \u6807\u7B7E "),
+            createElementVNode("div", _hoisted_4, [
+              createVNode(unref(NSelect), {
+                disabled: "",
+                options: []
+              })
+            ])
+          ], 2112)) : __props.element.html_type === "RADIO" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+            createCommentVNode(" \u5355\u9009 "),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(unref(NRadio), {
+                disabled: "",
+                defaultChecked: ""
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u7537")
+                ]),
+                _: 1
+              }),
+              createVNode(unref(NRadio), {
+                disabled: "",
+                defaultChecked: false
+              }, {
+                default: withCtx(() => [
+                  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_6, [
+              createVNode(unref(NCheckbox), {
+                defaultChecked: "",
+                disabled: ""
+              }),
+              createVNode(unref(NCheckbox), {
+                defaultChecked: "",
+                disabled: ""
+              })
+            ])
+          ], 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_7, [
+              createVNode(unref(NSelect), {
+                defaultValue: "\u7701/\u5E02/\u533A",
+                disabled: ""
+              })
+            ])
+          ], 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_9, [
+            createVNode(unref(NInput), {
+              class: "style-box-input",
+              disabled: "",
+              placeholder: __props.element.placeholder || __props.element.name
+            }, null, 8, ["placeholder"])
+          ])),
+          createTextVNode(" " + toDisplayString(__props.element.name), 1)
+        ], 2)
+      ]);
+    };
+  }
+});
+var DragFormLeftItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DragFormLeftItem.vue"]]);
+
+export { DragFormLeftItem as default };

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

@@ -0,0 +1,21 @@
+declare const _default: import("vue").DefineComponent<{
+    element: {
+        type: null;
+        required: true;
+    };
+}, {
+    props: {
+        element: any;
+    };
+    NDatePicker: any;
+    NSelect: any;
+    NRadio: any;
+    NCheckbox: any;
+    NInput: any;
+}, 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;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,267 @@
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, Fragment, createBlock, unref, withCtx, withDirectives, createVNode, vShow, normalizeStyle } from 'vue';
+import Draggable from 'vuedraggable';
+import { NButton, NSelect, NPopover, NIcon } from 'naive-ui';
+import { EllipsisVerticalSharp } from '@vicons/ionicons5';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "DragFormRightItem" };
+const _hoisted_2 = {
+  key: 0,
+  class: "red"
+};
+const _hoisted_3 = { class: "form-btn" };
+const _hoisted_4 = {
+  key: 0,
+  class: "red"
+};
+const _hoisted_5 = { class: "form-btn" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DragFormRightItem",
+  props: {
+    fields: null,
+    element: null,
+    index: null
+  },
+  emits: ["handleEdit", "handleDelete"],
+  setup(__props, { emit }) {
+    const props = __props;
+    let showFields = ref([]);
+    ref(false);
+    const widthOptions = [
+      {
+        label: "\u6574\u884C",
+        value: "12"
+      },
+      {
+        label: "\u534A\u884C",
+        value: "6"
+      },
+      {
+        label: "5/6",
+        value: "10"
+      },
+      {
+        label: "2/3",
+        value: "8"
+      },
+      {
+        label: "1/3",
+        value: "4"
+      },
+      {
+        label: "3/4",
+        value: "9"
+      },
+      {
+        label: "1/4",
+        value: "3"
+      },
+      {
+        label: "1/6",
+        value: "2"
+      }
+    ];
+    const lineTypeList = computed(() => ["LINEBAR", "LINE_BREAKS"]);
+    const handlechangIs_edit = (data) => {
+      data.mid_is_edit = data.mid_is_edit == 1 ? 0 : 1;
+    };
+    const handlechangNull = (data) => {
+      data.is_null = data.is_null == 1 ? 0 : 1;
+    };
+    const handleEdit = (data, i, type) => {
+      emit("handleEdit", data, i, type);
+    };
+    const handleDelete = (data, i) => {
+      emit("handleDelete", data, i);
+    };
+    const isLineType = (t) => {
+      return lineTypeList.value.includes(t);
+    };
+    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, [
+        __props.element.html_type === "COMBINATION" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["combination-item", {
+            "is-edit-class": __props.element.is_edit == 0 ? true : __props.element.mid_is_edit == 0
+          }])
+        }, [
+          createElementVNode("div", null, [
+            __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("v-if", true),
+            createTextVNode(" " + toDisplayString(__props.element.name) + " ", 1),
+            createElementVNode("div", _hoisted_3, [
+              __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,
+                  dashed: "",
+                  size: "small",
+                  onClick: _cache[0] || (_cache[0] = ($event) => handlechangIs_edit(__props.element))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(`${__props.element.mid_is_edit == 1 ? "\u4E0D\u53EF\u7F16\u8F91" : "\u542F\u7528\u7F16\u8F91"}`), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("v-if", true),
+                __props.element.is_drag == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
+                  key: 1,
+                  dashed: "",
+                  size: "small",
+                  onClick: _cache[1] || (_cache[1] = ($event) => handlechangNull(__props.element))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" \u5FC5\u586B ")
+                  ]),
+                  _: 1
+                })) : createCommentVNode("v-if", true),
+                withDirectives(createVNode(unref(NButton), {
+                  dashed: "",
+                  size: "small",
+                  onClick: _cache[2] || (_cache[2] = ($event) => handleEdit(__props.element, __props.index, "edit"))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" \u4FEE\u6539 ")
+                  ]),
+                  _: 1
+                }, 512), [
+                  [vShow, __props.element.html_type != "LINE_BREAKS"]
+                ])
+              ], 64)) : createCommentVNode("v-if", true),
+              (__props.element.is_drag == 1 || isLineType(__props.element.html_type)) && __props.element.is_system_fields != 0 ? (openBlock(), createBlock(unref(NButton), {
+                key: 1,
+                dashed: "",
+                size: "small",
+                onClick: _cache[3] || (_cache[3] = ($event) => handleDelete(__props.element, __props.index))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" \u79FB\u9664 ")
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ])
+          ]),
+          createVNode(unref(Draggable), {
+            modelValue: __props.element.children,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.element.children = $event),
+            itemKey: "val_key",
+            group: __props.element.val_key,
+            animation: 300
+          }, {
+            item: withCtx((eleChild) => [
+              createElementVNode("div", {
+                style: normalizeStyle({
+                  width: `${(__props.element.elem_width || 12) * 2 / 24 * 100}%`,
+                  display: __props.element.elem_width && __props.element.elem_width < 12 ? "inline-block" : "block"
+                })
+              }, [
+                createVNode(_component_DragFormRightItem, {
+                  element: eleChild.element,
+                  index: eleChild.index,
+                  onHandleEdit: handleEdit,
+                  onHandleDelete: handleDelete
+                }, null, 8, ["element", "index"])
+              ], 4)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "group"])
+        ], 2)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass({
+            "right-content": true,
+            "blue-border": __props.element.extraField,
+            "is-edit-class": __props.element.is_edit == 0 ? true : __props.element.mid_is_edit == 0
+          })
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass({ "item-opacity": __props.element.is_show == 0 })
+          }, [
+            __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("v-if", true),
+            createTextVNode(" " + toDisplayString(__props.element.name), 1)
+          ], 2),
+          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,
+                dashed: "",
+                size: "small",
+                onClick: _cache[5] || (_cache[5] = ($event) => handlechangIs_edit(__props.element))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(`${__props.element.mid_is_edit == 1 ? "\u4E0D\u53EF\u7F16\u8F91" : "\u542F\u7528\u7F16\u8F91"}`), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true),
+              __props.element.is_drag == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
+                key: 1,
+                dashed: "",
+                size: "small",
+                onClick: _cache[6] || (_cache[6] = ($event) => handlechangNull(__props.element))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" \u5FC5\u586B ")
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true),
+              createVNode(unref(NSelect), {
+                style: { "width": "50px" },
+                size: "small",
+                options: widthOptions,
+                value: __props.element.elem_width,
+                "onUpdate:value": _cache[7] || (_cache[7] = ($event) => __props.element.elem_width = $event),
+                to: false
+              }, null, 8, ["value"])
+            ], 64)) : createCommentVNode("v-if", true),
+            createVNode(unref(NPopover), {
+              trigger: "click",
+              delay: 300,
+              placement: "left-end"
+            }, {
+              trigger: withCtx(() => [
+                createVNode(unref(NIcon), { component: unref(EllipsisVerticalSharp) }, null, 8, ["component"])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", null, [
+                  withDirectives(createVNode(unref(NButton), {
+                    dashed: "",
+                    size: "small",
+                    onClick: _cache[8] || (_cache[8] = ($event) => handleEdit(__props.element, __props.index, "edit"))
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" \u4FEE\u6539 ")
+                    ]),
+                    _: 1
+                  }, 512), [
+                    [vShow, !["LINE_BREAKS"].includes(__props.element.html_type)]
+                  ]),
+                  (__props.element.is_drag == 1 || isLineType(__props.element.html_type)) && __props.element.is_system_fields != 0 ? (openBlock(), createBlock(unref(NButton), {
+                    key: 0,
+                    dashed: "",
+                    size: "small",
+                    onClick: _cache[9] || (_cache[9] = ($event) => handleDelete(__props.element, __props.index))
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" \u79FB\u9664 ")
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("v-if", true)
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ], 2))
+      ]);
+    };
+  }
+});
+var DragFormRightItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DragFormRightItem.vue"]]);
+
+export { DragFormRightItem as default };

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

@@ -0,0 +1,125 @@
+declare const _default: import("vue").DefineComponent<{
+    fields: {
+        type: null;
+        required: false;
+    };
+    element: {
+        type: null;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    props: {
+        fields?: any;
+        element: any;
+        index: number;
+    };
+    showFields: any;
+    isFocus: import("vue").Ref<boolean>;
+    widthOptions: any;
+    emit: (event: "handleEdit" | "handleDelete", ...args: any[]) => void;
+    lineTypeList: import("vue").ComputedRef<string[]>;
+    handlechangIs_edit: (data: any) => void;
+    handlechangNull: (data: any) => void;
+    handleEdit: (data: any, i: any, type: any) => void;
+    handleDelete: (data: any, i?: number) => void;
+    isLineType: (t: any) => boolean;
+    Draggable: import("vue").DefineComponent<{
+        list: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        modelValue: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        itemKey: {
+            type: (StringConstructor | FunctionConstructor)[];
+            required: boolean;
+        };
+        clone: {
+            type: FunctionConstructor;
+            default: (original: any) => any;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        move: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        componentData: {
+            type: ObjectConstructor;
+            required: boolean;
+            default: any;
+        };
+    }, unknown, {
+        error: boolean;
+    }, {
+        realList(): any;
+        getKey(): any;
+    }, {
+        getUnderlyingVm(domElement: any): any;
+        getUnderlyingPotencialDraggableComponent(htmElement: any): any;
+        emitChanges(evt: any): void;
+        alterList(onList: any): void;
+        spliceList(): void;
+        updatePosition(oldIndex: any, newIndex: any): void;
+        getRelatedContextFromMoveEvent({ to, related }: {
+            to: any;
+            related: any;
+        }): any;
+        getVmIndexFromDomIndex(domIndex: any): any;
+        onDragStart(evt: any): void;
+        onDragAdd(evt: any): void;
+        onDragRemove(evt: any): void;
+        onDragUpdate(evt: any): void;
+        computeFutureIndex(relatedContext: any, evt: any): any;
+        onDragMove(evt: any, originalEvent: any): any;
+        onDragEnd(): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    } & {
+        itemKey?: string | Function | undefined;
+    }>, {
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    }>;
+    NPopover: any;
+    NButton: any;
+    NSelect: any;
+    NIcon: any;
+    EllipsisVerticalSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("handleEdit" | "handleDelete")[], "handleEdit" | "handleDelete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    fields: {
+        type: null;
+        required: false;
+    };
+    element: {
+        type: null;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & {
+    onHandleEdit?: ((...args: any[]) => any) | undefined;
+    onHandleDelete?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;