bm-admin-ui 1.1.12-alpha → 1.1.13-alpha

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

@@ -117,10 +117,14 @@ const _sfc_main$2 = defineComponent({
     const isEditLabel = ref(false);
     const tempLabel = ref("");
     tempLabel.value = "";
+    const inputRef = ref();
     const methods = {
       toEditLabel() {
         tempLabel.value = props["label"];
         isEditLabel.value = true;
+        nextTick(() => {
+          inputRef.value?.focus();
+        });
       },
       updateLabel(_) {
         nextTick(() => {
@@ -134,6 +138,7 @@ const _sfc_main$2 = defineComponent({
       }
     };
     return {
+      inputRef,
       isEditLabel,
       tempLabel,
       ...methods
@@ -158,8 +163,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.toEditLabel && _ctx.toEditLabel(...args), ["stop"]))
         }, toDisplayString(_ctx.label), 1)) : (openBlock(), createBlock(_component_AInput, {
           key: 1,
+          ref: "inputRef",
           value: _ctx.tempLabel,
           "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.tempLabel = $event),
+          maxlength: 10,
           size: "small",
           onBlur: _ctx.updateLabel,
           onKeydown: withKeys(_ctx.updateLabel, ["enter"])

package/es/components/flow-designer/src/bm-nodes/BmHtmlNode.vue.d.ts

@@ -3,6 +3,7 @@ declare const _default: import("vue").DefineComponent<Readonly<import("vue").Com
 }>>, {
     toEditLabel(): void;
     updateLabel(_: any): void;
+    inputRef: import("vue").Ref<any>;
     isEditLabel: import("vue").Ref<boolean>;
     tempLabel: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:label"[], "update:label", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<readonly string[] | import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{

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

@@ -18769,15 +18769,20 @@ const _sfc_main$7 = defineComponent({
       \u5EFA\u8BAE\u96F6\u552E\u4EF7: "retailPrice",
       \u5546\u54C1\u7BB1\u89C4: "carton",
       \u5546\u54C1\u5355\u4F4D: "unit",
+      \u4E00\u7EA7\u5206\u7C7B: "categoryFirst",
+      \u4E8C\u7EA7\u5206\u7C7B: "categorySecond",
+      \u4E09\u7EA7\u5206\u7C7B: "categoryThrid",
+      \u5546\u54C1\u7C7B\u578B: "productType",
+      \u5546\u54C1\u6807\u7B7E: "productTag",
       \u5E97\u94FA\u6240\u5C5E\u5E73\u53F0: "platformName",
       \u6E20\u9053: "channelName",
       \u6E20\u9053\u7C7B\u522B: "channelTypeName",
-      \u5BA2\u6237\u7B80\u79F0: "",
-      \u5BA2\u6237\u7C7B\u578B: "",
-      \u5BA2\u6237\u7B49\u7EA7: "",
-      \u6240\u5C5E\u5E97\u94FA: "",
-      \u5E97\u94FA\u7F16\u53F7: "",
-      SAP\u5BA2\u6237\u7F16\u53F7: ""
+      \u5BA2\u6237\u7B80\u79F0: "clientShortName",
+      \u5BA2\u6237\u7C7B\u578B: "b2bType",
+      \u5BA2\u6237\u7B49\u7EA7: "b2bLevel",
+      \u6240\u5C5E\u5E97\u94FA: "shopName",
+      \u5E97\u94FA\u7F16\u53F7: "shopCode",
+      SAP\u5BA2\u6237\u7F16\u53F7: "sapCode"
     };
     let indexMap = {
       product: 0,
@@ -18846,7 +18851,7 @@ const _sfc_main$7 = defineComponent({
     const tableConfig = computed(() => props.rule?.config?.tableConfig || {});
     const validColumns = computed(() => columns.filter((c) => isValidColumn(c)));
     const isProductCenter = computed(
-      () => tableConfig.value?.system === "productCenter"
+      () => tableConfig.value.system === "productCenter"
     );
     const isProductCenterSuit = computed(
       () => isProductCenter.value && [
@@ -18891,7 +18896,40 @@ const _sfc_main$7 = defineComponent({
           if (Object.keys(indexMap).includes(name)) {
             pre.push(...getExtraColumns(cur));
           } else {
-            pre.push(ruleList[name].tableRule(cur, props.extraConfig));
+            let childField = cur.field;
+            let title = cur.title?.title;
+            if (isProductCenter.value && cur.field === "picUrl") {
+              pre.push({
+                field: childField,
+                title,
+                minWidth: "138px",
+                slots: {
+                  default({ row }) {
+                    if (row?.[childField]) {
+                      return h("img", {
+                        src: props.extraConfig.common.previewImg(row[childField]),
+                        style: {
+                          width: "86px",
+                          height: "86px",
+                          padding: "8px"
+                        }
+                      });
+                    }
+                    return h(
+                      "div",
+                      {
+                        style: {
+                          color: "#9393A3"
+                        }
+                      },
+                      ["\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA"]
+                    );
+                  }
+                }
+              });
+            } else {
+              pre.push(ruleList[name].tableRule(cur, props.extraConfig));
+            }
           }
           return pre;
         }, [])
@@ -19080,6 +19118,31 @@ const _sfc_main$7 = defineComponent({
         return Promise.resolve(result);
       }
     }
+    async function queryCustomerInfo(rule, row) {
+      const field = rule.field;
+      const associatedFields = rule?.config?.associatedFields;
+      const otherAssociatedFields = rule?.config?.otherAssociatedFields;
+      let result = void 0;
+      try {
+        if (row[field]) {
+          result = await props.extraConfig.customer?.fetch({
+            clientCode: row[field],
+            filterByShopcode: rule?.config?.dataFiltering
+          });
+          if (!result) {
+            row[field] = "";
+          }
+        }
+        processAssociatedFields(field, associatedFields, row, result);
+        processOtherAssociatedFields(field, otherAssociatedFields, row, result);
+        return result;
+      } catch (e) {
+        row[field] = "";
+        processAssociatedFields(field, associatedFields, row, result);
+        processOtherAssociatedFields(field, otherAssociatedFields, row, result);
+        return Promise.resolve(result);
+      }
+    }
     function processAssociatedFields(field, associatedFields, row, result) {
       if (associatedFields.length)
         associatedFields.forEach((item) => {
@@ -19279,6 +19342,18 @@ const _sfc_main$7 = defineComponent({
               break;
             }
           }
+          if (rule.name === "customer") {
+            try {
+              const productInfo = await queryCustomerInfo(rule, row);
+              if (!productInfo) {
+                error = `${title}\u67E5\u8BE2\u7684\u5BA2\u6237\u4E0D\u5B58\u5728`;
+                break;
+              }
+            } catch (e) {
+              error = `${title}\u67E5\u8BE2\u7684\u5BA2\u6237\u4E0D\u5B58\u5728`;
+              break;
+            }
+          }
           if (rule.name === "shop") {
             try {
               const shopInfo = await props.extraConfig[rule.name].getShopInfo({
@@ -19331,6 +19406,10 @@ const _sfc_main$7 = defineComponent({
       }
       queryProductInfo(rule, row);
     }
+    function handleCustomerPressEnter(value, rule, row) {
+      row[rule.field] = value;
+      queryCustomerInfo(rule, row);
+    }
     function handleShopOption(value, rule, row) {
       row[rule?.field] = value;
       processAssociatedFields(
@@ -19485,7 +19564,7 @@ const _sfc_main$7 = defineComponent({
           createTextVNode(toDisplayString(__props.rule.title.title) + " ", 1),
           createElementVNode("span", _hoisted_3$3, toDisplayString(unref(countText)), 1),
           createCommentVNode(" \u5546\u54C1\u4E2D\u5FC3\u5B9A\u5236 \u6309\u94AE "),
-          unref(tableConfig).system === "productCenter" ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+          unref(isProductCenter) ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
             !__props.hidden ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               unref(tableConfig).buttons?.includes("import") ? (openBlock(), createElementBlock("input", {
                 key: 0,
@@ -19692,7 +19771,7 @@ const _sfc_main$7 = defineComponent({
                         value: row[item.field],
                         disabled: item.disabled || pruductInputDisabled(item.config?.dataFiltering),
                         "shop-value": unref(formData)[item.config.dataFiltering],
-                        onChange: ($event) => handlePressEnter($event, item, row)
+                        onChange: ($event) => handleCustomerPressEnter($event, item, row)
                       }, null, 8, ["value", "disabled", "shop-value", "onChange"])
                     ])
                   };
@@ -20360,7 +20439,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       \u5546\u54C1\u56FE\u7247: "picUrl",
       \u5EFA\u8BAE\u96F6\u552E\u4EF7: "retailPrice",
       \u5546\u54C1\u7BB1\u89C4: "carton",
-      \u5546\u54C1\u5355\u4F4D: "unit"
+      \u5546\u54C1\u5355\u4F4D: "unit",
+      \u4E00\u7EA7\u5206\u7C7B: "categoryFirst",
+      \u4E8C\u7EA7\u5206\u7C7B: "categorySecond",
+      \u4E09\u7EA7\u5206\u7C7B: "categoryThrid",
+      \u5546\u54C1\u7C7B\u578B: "productType",
+      \u5546\u54C1\u6807\u7B7E: "productTag"
     };
     const unitMap = ["\u652F", "\u74F6", "\u5957", "\u7EC4", "\u7BB1", "\u4E2A", "\u5F20"];
     const formData = computed(() => props.formCreateInject.api.bind());

package/lib/components/flow-designer/index.js

@@ -128,10 +128,14 @@ const _sfc_main$2 = vue.defineComponent({
     const isEditLabel = vue.ref(false);
     const tempLabel = vue.ref("");
     tempLabel.value = "";
+    const inputRef = vue.ref();
     const methods = {
       toEditLabel() {
         tempLabel.value = props["label"];
         isEditLabel.value = true;
+        vue.nextTick(() => {
+          inputRef.value?.focus();
+        });
       },
       updateLabel(_) {
         vue.nextTick(() => {
@@ -145,6 +149,7 @@ const _sfc_main$2 = vue.defineComponent({
       }
     };
     return {
+      inputRef,
       isEditLabel,
       tempLabel,
       ...methods
@@ -169,8 +174,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.toEditLabel && _ctx.toEditLabel(...args), ["stop"]))
         }, vue.toDisplayString(_ctx.label), 1)) : (vue.openBlock(), vue.createBlock(_component_AInput, {
           key: 1,
+          ref: "inputRef",
           value: _ctx.tempLabel,
           "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.tempLabel = $event),
+          maxlength: 10,
           size: "small",
           onBlur: _ctx.updateLabel,
           onKeydown: vue.withKeys(_ctx.updateLabel, ["enter"])

package/lib/components/flow-designer/src/bm-nodes/BmHtmlNode.vue.d.ts

@@ -3,6 +3,7 @@ declare const _default: import("vue").DefineComponent<Readonly<import("vue").Com
 }>>, {
     toEditLabel(): void;
     updateLabel(_: any): void;
+    inputRef: import("vue").Ref<any>;
     isEditLabel: import("vue").Ref<boolean>;
     tempLabel: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:label"[], "update:label", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<readonly string[] | import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{

package/lib/components/form-create/index.js

@@ -18783,15 +18783,20 @@ const _sfc_main$7 = vue.defineComponent({
       \u5EFA\u8BAE\u96F6\u552E\u4EF7: "retailPrice",
       \u5546\u54C1\u7BB1\u89C4: "carton",
       \u5546\u54C1\u5355\u4F4D: "unit",
+      \u4E00\u7EA7\u5206\u7C7B: "categoryFirst",
+      \u4E8C\u7EA7\u5206\u7C7B: "categorySecond",
+      \u4E09\u7EA7\u5206\u7C7B: "categoryThrid",
+      \u5546\u54C1\u7C7B\u578B: "productType",
+      \u5546\u54C1\u6807\u7B7E: "productTag",
       \u5E97\u94FA\u6240\u5C5E\u5E73\u53F0: "platformName",
       \u6E20\u9053: "channelName",
       \u6E20\u9053\u7C7B\u522B: "channelTypeName",
-      \u5BA2\u6237\u7B80\u79F0: "",
-      \u5BA2\u6237\u7C7B\u578B: "",
-      \u5BA2\u6237\u7B49\u7EA7: "",
-      \u6240\u5C5E\u5E97\u94FA: "",
-      \u5E97\u94FA\u7F16\u53F7: "",
-      SAP\u5BA2\u6237\u7F16\u53F7: ""
+      \u5BA2\u6237\u7B80\u79F0: "clientShortName",
+      \u5BA2\u6237\u7C7B\u578B: "b2bType",
+      \u5BA2\u6237\u7B49\u7EA7: "b2bLevel",
+      \u6240\u5C5E\u5E97\u94FA: "shopName",
+      \u5E97\u94FA\u7F16\u53F7: "shopCode",
+      SAP\u5BA2\u6237\u7F16\u53F7: "sapCode"
     };
     let indexMap = {
       product: 0,
@@ -18860,7 +18865,7 @@ const _sfc_main$7 = vue.defineComponent({
     const tableConfig = vue.computed(() => props.rule?.config?.tableConfig || {});
     const validColumns = vue.computed(() => columns.filter((c) => isValidColumn(c)));
     const isProductCenter = vue.computed(
-      () => tableConfig.value?.system === "productCenter"
+      () => tableConfig.value.system === "productCenter"
     );
     const isProductCenterSuit = vue.computed(
       () => isProductCenter.value && [
@@ -18905,7 +18910,40 @@ const _sfc_main$7 = vue.defineComponent({
           if (Object.keys(indexMap).includes(name)) {
             pre.push(...getExtraColumns(cur));
           } else {
-            pre.push(ruleList[name].tableRule(cur, props.extraConfig));
+            let childField = cur.field;
+            let title = cur.title?.title;
+            if (isProductCenter.value && cur.field === "picUrl") {
+              pre.push({
+                field: childField,
+                title,
+                minWidth: "138px",
+                slots: {
+                  default({ row }) {
+                    if (row?.[childField]) {
+                      return vue.h("img", {
+                        src: props.extraConfig.common.previewImg(row[childField]),
+                        style: {
+                          width: "86px",
+                          height: "86px",
+                          padding: "8px"
+                        }
+                      });
+                    }
+                    return vue.h(
+                      "div",
+                      {
+                        style: {
+                          color: "#9393A3"
+                        }
+                      },
+                      ["\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA"]
+                    );
+                  }
+                }
+              });
+            } else {
+              pre.push(ruleList[name].tableRule(cur, props.extraConfig));
+            }
           }
           return pre;
         }, [])
@@ -19094,6 +19132,31 @@ const _sfc_main$7 = vue.defineComponent({
         return Promise.resolve(result);
       }
     }
+    async function queryCustomerInfo(rule, row) {
+      const field = rule.field;
+      const associatedFields = rule?.config?.associatedFields;
+      const otherAssociatedFields = rule?.config?.otherAssociatedFields;
+      let result = void 0;
+      try {
+        if (row[field]) {
+          result = await props.extraConfig.customer?.fetch({
+            clientCode: row[field],
+            filterByShopcode: rule?.config?.dataFiltering
+          });
+          if (!result) {
+            row[field] = "";
+          }
+        }
+        processAssociatedFields(field, associatedFields, row, result);
+        processOtherAssociatedFields(field, otherAssociatedFields, row, result);
+        return result;
+      } catch (e) {
+        row[field] = "";
+        processAssociatedFields(field, associatedFields, row, result);
+        processOtherAssociatedFields(field, otherAssociatedFields, row, result);
+        return Promise.resolve(result);
+      }
+    }
     function processAssociatedFields(field, associatedFields, row, result) {
       if (associatedFields.length)
         associatedFields.forEach((item) => {
@@ -19293,6 +19356,18 @@ const _sfc_main$7 = vue.defineComponent({
               break;
             }
           }
+          if (rule.name === "customer") {
+            try {
+              const productInfo = await queryCustomerInfo(rule, row);
+              if (!productInfo) {
+                error = `${title}\u67E5\u8BE2\u7684\u5BA2\u6237\u4E0D\u5B58\u5728`;
+                break;
+              }
+            } catch (e) {
+              error = `${title}\u67E5\u8BE2\u7684\u5BA2\u6237\u4E0D\u5B58\u5728`;
+              break;
+            }
+          }
           if (rule.name === "shop") {
             try {
               const shopInfo = await props.extraConfig[rule.name].getShopInfo({
@@ -19345,6 +19420,10 @@ const _sfc_main$7 = vue.defineComponent({
       }
       queryProductInfo(rule, row);
     }
+    function handleCustomerPressEnter(value, rule, row) {
+      row[rule.field] = value;
+      queryCustomerInfo(rule, row);
+    }
     function handleShopOption(value, rule, row) {
       row[rule?.field] = value;
       processAssociatedFields(
@@ -19499,7 +19578,7 @@ const _sfc_main$7 = vue.defineComponent({
           vue.createTextVNode(vue.toDisplayString(__props.rule.title.title) + " ", 1),
           vue.createElementVNode("span", _hoisted_3$3, vue.toDisplayString(vue.unref(countText)), 1),
           vue.createCommentVNode(" \u5546\u54C1\u4E2D\u5FC3\u5B9A\u5236 \u6309\u94AE "),
-          vue.unref(tableConfig).system === "productCenter" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
+          vue.unref(isProductCenter) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
             !__props.hidden ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.unref(tableConfig).buttons?.includes("import") ? (vue.openBlock(), vue.createElementBlock("input", {
                 key: 0,
@@ -19706,7 +19785,7 @@ const _sfc_main$7 = vue.defineComponent({
                         value: row[item.field],
                         disabled: item.disabled || pruductInputDisabled(item.config?.dataFiltering),
                         "shop-value": vue.unref(formData)[item.config.dataFiltering],
-                        onChange: ($event) => handlePressEnter($event, item, row)
+                        onChange: ($event) => handleCustomerPressEnter($event, item, row)
                       }, null, 8, ["value", "disabled", "shop-value", "onChange"])
                     ])
                   };
@@ -20374,7 +20453,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       \u5546\u54C1\u56FE\u7247: "picUrl",
       \u5EFA\u8BAE\u96F6\u552E\u4EF7: "retailPrice",
       \u5546\u54C1\u7BB1\u89C4: "carton",
-      \u5546\u54C1\u5355\u4F4D: "unit"
+      \u5546\u54C1\u5355\u4F4D: "unit",
+      \u4E00\u7EA7\u5206\u7C7B: "categoryFirst",
+      \u4E8C\u7EA7\u5206\u7C7B: "categorySecond",
+      \u4E09\u7EA7\u5206\u7C7B: "categoryThrid",
+      \u5546\u54C1\u7C7B\u578B: "productType",
+      \u5546\u54C1\u6807\u7B7E: "productTag"
     };
     const unitMap = ["\u652F", "\u74F6", "\u5957", "\u7EC4", "\u7BB1", "\u4E2A", "\u5F20"];
     const formData = vue.computed(() => props.formCreateInject.api.bind());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bm-admin-ui",
-  "version": "1.1.12-alpha",
+  "version": "1.1.13-alpha",
   "private": false,
   "description": "An Admin Component Library for Bm",
   "license": "UNLICENSED",

package/types/components/flow-designer/src/bm-nodes/BmHtmlNode.vue.d.ts

@@ -3,6 +3,7 @@ declare const _default: import("vue").DefineComponent<Readonly<import("vue").Com
 }>>, {
     toEditLabel(): void;
     updateLabel(_: any): void;
+    inputRef: import("vue").Ref<any>;
     isEditLabel: import("vue").Ref<boolean>;
     tempLabel: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:label"[], "update:label", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<readonly string[] | import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{