bm-admin-ui 1.0.40-alpha → 1.0.41-alpha

package/es/components/form-designer/index.js

@@ -1,5 +1,5 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withCtx, createVNode, createTextVNode, withModifiers, ref, watch, createElementVNode, nextTick, Fragment, isRef, renderList, renderSlot, createStaticVNode, reactive, onBeforeUnmount, resolveDynamicComponent } from 'vue';
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, computed, resolveComponent, normalizeClass, unref, createBlock, createCommentVNode, withCtx, createVNode, createTextVNode, withModifiers, ref, watch, createElementVNode, Fragment, isRef, renderList, renderSlot, nextTick, createStaticVNode, reactive, onBeforeUnmount, resolveDynamicComponent } from 'vue';
 import uniqueId from 'bm-admin-ui/es/utils/uniqueId';
 import Draggable from 'vuedraggable';
 import { Tooltip, FormItemRest, Input, Button, RadioGroup, Radio, DatePicker, Checkbox, Tabs, TabPane, Row, Col, Dropdown, Menu, CheckboxGroup, MenuItem, Divider, Switch, Select, Layout, LayoutSider, LayoutContent, message } from 'ant-design-vue';
@@ -466,7 +466,7 @@ var input = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -499,7 +499,6 @@ var input = {
                 field: fieldsMap$g['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -509,7 +508,6 @@ var input = {
                 field: fieldsMap$g['value'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 200,
                 },
                 value: rule.value,
             },
@@ -569,7 +567,7 @@ var textarea = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -603,7 +601,6 @@ var textarea = {
                 field: fieldsMap$f['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -613,7 +610,6 @@ var textarea = {
                 field: fieldsMap$f['value'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 5000,
                 },
                 value: rule.value,
             },
@@ -674,7 +670,7 @@ var numInput = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -709,7 +705,6 @@ var numInput = {
                 field: fieldsMap$e['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -783,7 +778,6 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const visible = ref(false);
     const text = ref("");
     const repeatOption = ref([]);
-    const maxlength = 500;
     function edit() {
       visible.value = true;
       text.value = makeText(props.options);
@@ -805,7 +799,6 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     function handleOk() {
       const options = text.value.split("\n").reduce((pre, cur) => {
         if (cur) {
-          cur = cur.substring(0, maxlength - 1);
           pre.push({ value: cur, label: cur });
         }
         return pre;
@@ -874,7 +867,6 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                           "bm-handle-options__input",
                           repeatOption.value.length && repeatOption.value.includes(element.value) ? "is-error" : ""
                         ]),
-                        maxlength,
                         onBlur: ($event) => handleBlur(element)
                       }, null, 8, ["value", "onUpdate:value", "class", "onBlur"])
                     ]),
@@ -971,7 +963,7 @@ var radio = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             options: [
@@ -1017,7 +1009,6 @@ var radio = {
                 field: fieldsMap$d['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1110,7 +1101,7 @@ var checkbox = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             options: [
@@ -1156,7 +1147,6 @@ var checkbox = {
                 field: fieldsMap$c['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1318,7 +1308,7 @@ var date = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -1381,7 +1371,6 @@ var date = {
                 field: fieldsMap$b['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -1463,7 +1452,7 @@ var dateRange = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -1528,7 +1517,6 @@ var dateRange = {
                 field: fieldsMap$a['props.placeholder.0'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder[0],
             },
@@ -1538,7 +1526,6 @@ var dateRange = {
                 field: fieldsMap$a['props.placeholder.1'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder[1],
             },
@@ -1612,23 +1599,10 @@ var instruction = {
                 title: label$9,
                 field: fieldsMap$9.value,
                 value: rule.value,
-                inject: true,
                 prefix: {
                     type: 'TextColor',
-                    on: {
-                        change({ api, self }, color) {
-                            api.emit('change', 'style.color', color, self, api, true);
-                        },
-                    },
                     props: {
-                        color: rule.style.color,
-                    },
-                },
-                on: {
-                    change({ api, self }, list) {
-                        nextTick(() => {
-                            api.refresh();
-                        });
+                        rule,
                     },
                 },
             },
@@ -1671,7 +1645,7 @@ var picture = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -2020,15 +1994,7 @@ var table = {
                 effect: {
                     required: true,
                 },
-                inject: true,
                 value: rule.config.childRules,
-                on: {
-                    change({ api, self }, list) {
-                        nextTick(() => {
-                            api.validate();
-                        });
-                    },
-                },
             },
             {
                 type: 'checkbox',
@@ -2091,7 +2057,7 @@ var file = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             config: {
@@ -2162,7 +2128,7 @@ var people = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -2195,7 +2161,6 @@ var people = {
                 field: fieldsMap$5['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -2284,7 +2249,7 @@ var department = {
                 },
             },
             effect: {
-                required: false,
+                required: true,
                 formRule: 'formRule',
             },
             props: {
@@ -2317,7 +2282,6 @@ var department = {
                 field: fieldsMap$4['props.placeholder'],
                 props: {
                     placeholder: '请输入',
-                    maxlength: 30,
                 },
                 value: rule.props.placeholder,
             },
@@ -3590,8 +3554,7 @@ const _hoisted_2$1 = { class: "bm-table-column-btn-wrap" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "table-column",
   props: ["formCreateInject"],
-  emits: ["change"],
-  setup(__props, { emit: emits }) {
+  setup(__props) {
     const props = __props;
     const handleClass = "bm-table-column__drag-icon";
     const btnCom = ref();
@@ -3616,15 +3579,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     function getPopupContainer() {
       return document.body;
     }
-    watch(
-      childRules,
-      (val) => {
-        emits("change", val);
-      },
-      {
-        deep: true
-      }
-    );
     return (_ctx, _cache) => {
       const _component_Delete = resolveComponent("Delete");
       const _component_ARow = resolveComponent("ARow");
@@ -3705,17 +3659,12 @@ var TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "table-co
 
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "text-color",
-  props: ["color"],
-  emits: ["change"],
-  setup(__props, { emit: emits }) {
+  props: ["rule"],
+  setup(__props) {
     const props = __props;
-    const color = ref(props.color);
-    function getColor(curColor) {
-      return curColor === Colors.Black ? Colors.Blue : Colors.Black;
-    }
     function handleClick() {
-      color.value = getColor(color.value);
-      emits("change", color.value);
+      const rule = props.rule;
+      rule.style.color = rule.style.color === Colors.Black ? Colors.Blue : Colors.Black;
     }
     return (_ctx, _cache) => {
       const _component_ColorPanel = resolveComponent("ColorPanel");
@@ -3727,11 +3676,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           width: "1em",
           height: "1em",
           fontSize: "20px",
-          color: getColor(color.value),
+          color: __props.rule.style.color,
           cursor: "pointer"
         }),
         onClick: withModifiers(handleClick, ["prevent", "stop"])
-      }, null, 8, ["style", "onClick"]);
+      }, {
+        default: withCtx(() => [
+          createTextVNode("change")
+        ]),
+        _: 1
+      }, 8, ["style", "onClick"]);
     };
   }
 });
@@ -4029,7 +3983,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return rule.config.config.parse(rule);
     }
     function edit(formRules) {
-      widgetFormRules.splice(0);
       formRules.forEach((item) => {
         const rule = makeRule(ruleList[item.name]);
         delete item.name;
@@ -4047,73 +4000,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function getRule(name) {
       return makeRule(ruleList[name]);
     }
-    function validate() {
-      let pass = true;
-      for (const rule of widgetFormRules) {
-        const config = rule.config.config || {};
-        const childRules = rule.config.childRules || [];
-        if (!rule?.title?.title && config.name !== "instruction") {
-          pass = false;
-        }
-        if (config.name === "table" && !childRules.length) {
-          pass = false;
-        }
-        if (!pass && rule.field !== activeRule.value.field) {
-          setActiveRule(rule);
-        }
-        if (pass && childRules.length) {
-          for (const childRule of childRules) {
-            if (!childRule?.title?.title) {
-              pass = false;
-              if (childRule.field !== activeRule.value.field) {
-                setActiveRule(childRule, rule);
-              }
-              break;
-            }
-          }
-        }
-        if (!pass) {
-          nextTick(() => {
-            fApi.value.validate();
-          });
-          break;
-        }
-      }
-      return pass;
-    }
-    function flowConditionEffect(activeProps2, flowCondition) {
-      const requiredRule = activeProps2?.find(
-        (rule) => rule.field === "effect.required"
-      );
-      if (requiredRule) {
-        if (!requiredRule.props) {
-          requiredRule.props = {};
-        }
-        requiredRule.props.disabled = !!flowCondition[activeRule.value.field];
-      }
-    }
     watch(
       () => props.presetRules,
       (presetRules) => {
         widgetFormRules.push(...presetRules);
+      },
+      {
+        immediate: true
       }
     );
     watch(
       () => props.formRules,
       (formRules) => {
-        formRules && edit(formRules);
-      }
-    );
-    watch(activeProps, (activeProps2) => {
-      flowConditionEffect(activeProps2, props.flowCondition);
-    });
-    watch(
-      () => props.flowCondition,
-      (flowCondition) => {
-        flowConditionEffect(activeProps.value, flowCondition);
+        edit(formRules);
       },
       {
-        deep: true
+        immediate: true
       }
     );
     onBeforeUnmount(() => {
@@ -4121,8 +4023,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     expose({
       getFormRule,
-      getRule,
-      validate
+      getRule
     });
     return (_ctx, _cache) => {
       const _component_ACol = resolveComponent("ACol");
@@ -4165,6 +4066,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     move: moveMenuItem,
                     "force-fallback": true,
                     "scroll-sensitivity": 100,
+                    delay: 50,
                     onStart: handleMenuItemDragStart,
                     onEnd: handleMenuItemDragEnd
                   }, {
@@ -4229,7 +4131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["list"]),
-                showDragTip.value && !_ctx.formRules?.length ? (openBlock(), createBlock(NoDataTip, {
+                showDragTip.value && !_ctx.formRules.length ? (openBlock(), createBlock(NoDataTip, {
                   key: 0,
                   class: "bm-no-data-tip"
                 })) : createCommentVNode("v-if", true)

package/es/components/index.d.ts

@@ -10,3 +10,5 @@ export * from './upload';
 export * from './timeline';
 export * from './input-tags-display';
 export * from './select-all';
+export * from './breadcrumb';
+export * from './editor';

package/es/components/index.js

@@ -12,3 +12,5 @@ export * from './upload';
 export * from './timeline';
 export * from './input-tags-display';
 export * from './select-all';
+export * from './breadcrumb';
+export * from './editor';

package/es/components/input-tags-display/index.d.ts

@@ -1,3 +1,140 @@
-declare const BmTagsDisplay: any;
+declare const BmTagsDisplay: import("bm-admin-ui/es/utils/with-install").SFCWithInstall<import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    list: {
+        type: ArrayConstructor;
+        default: () => {
+            key: any;
+            title: string;
+        }[];
+    };
+    showEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    showEmptyBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unitStr: {
+        type: StringConstructor;
+        default: string;
+    };
+    btnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    toolTipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    fieldNames: {
+        type: ObjectConstructor;
+        default: () => {
+            key: string;
+            title: string;
+        };
+    };
+    alwaysInvoke: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    containId: string;
+    clear: () => void;
+    toAddTags: () => void;
+    tooltipConfig: import("vue").Ref<{
+        align: undefined;
+        arrowPointAtCenter: boolean;
+        autoAdjustOverflow: boolean;
+        color: string;
+        defaultVisible: boolean;
+        destroyTooltipOnHide: boolean;
+        getPopupContainer: () => HTMLElement;
+        mouseEnterDelay: number;
+        mouseLeaveDelay: number;
+        overlayClassName: string;
+        overlayStyle: null;
+        placement: string;
+        trigger: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:list" | "addClick")[], "clear" | "update:list" | "addClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    list: {
+        type: ArrayConstructor;
+        default: () => {
+            key: any;
+            title: string;
+        }[];
+    };
+    showEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    showEmptyBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    unitStr: {
+        type: StringConstructor;
+        default: string;
+    };
+    btnText: {
+        type: StringConstructor;
+        default: string;
+    };
+    toolTipProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    fieldNames: {
+        type: ObjectConstructor;
+        default: () => {
+            key: string;
+            title: string;
+        };
+    };
+    alwaysInvoke: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onUpdate:list"?: ((...args: any[]) => any) | undefined;
+    onAddClick?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    list: unknown[];
+    placeholder: string;
+    placement: string;
+    showEmpty: boolean;
+    showEmptyBtn: boolean;
+    unitStr: string;
+    btnText: string;
+    toolTipProps: Record<string, any>;
+    fieldNames: Record<string, any>;
+    alwaysInvoke: boolean;
+}>>;
 export { BmTagsDisplay };
 export default BmTagsDisplay;

package/es/components/input-tags-display/src/input-tags-display.vue.d.ts

@@ -123,9 +123,9 @@ declare const _default: import("vue").DefineComponent<{
     onAddClick?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    list: unknown[];
     placeholder: string;
     placement: string;
-    list: unknown[];
     showEmpty: boolean;
     showEmptyBtn: boolean;
     unitStr: string;

package/es/components/over-tooltips/index.d.ts

@@ -1,3 +1,35 @@
-declare const BmOverTooltips: any;
+declare const BmOverTooltips: import("bm-admin-ui/es/utils/with-install").SFCWithInstall<{
+    name: string;
+    props: {
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        labelTitle: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        line: {
+            type: NumberConstructor;
+            default: number;
+        };
+        width: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        showAlways: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    };
+    setup(props: any, context: any): {
+        mySelf: import("vue").Ref<any>;
+        handleVisibleChange: (val: any) => void;
+        getPopupContainer: () => HTMLElement;
+        mSlots: import("vue").Ref<{}>;
+        isShow: import("vue").Ref<boolean>;
+        openShow: import("vue").Ref<boolean>;
+    };
+}>;
 export { BmOverTooltips };
 export default BmOverTooltips;