@ibiz-template/vue3-components 0.7.11 → 0.7.12

package/lib/panel-component/auth-captcha/auth-captcha.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var authCaptcha_controller = require('./auth-captcha.controller.cjs');
+require('./auth-captcha.css');
+
+"use strict";
+const AuthCaptcha = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizAuthCaptcha",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: authCaptcha_controller.AuthCaptchaController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("auth-captcha");
+    const c = props.controller;
+    const classArr = vue.computed(() => {
+      let result = [ns.b(), ns.m(c.model.id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    const onClick = () => {
+      if (!c.state.loading) {
+        c.loadCaptcha();
+      }
+    };
+    return {
+      c,
+      ns,
+      classArr,
+      onClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.classArr
+    }, [vue.createVNode(vue.resolveComponent("el-input"), {
+      "modelValue": this.c.state.code,
+      "onUpdate:modelValue": ($event) => this.c.state.code = $event,
+      "class": this.ns.e("captcha"),
+      "placeholder": "\u9A8C\u8BC1\u7801"
+    }, null), vue.withDirectives(vue.createVNode(vue.resolveComponent("el-image"), {
+      "src": this.c.state.image,
+      "class": this.ns.e("image"),
+      "onClick": this.onClick,
+      "title": "\u70B9\u51FB\u56FE\u7247\u5237\u65B0"
+    }, {
+      error: () => {
+        return vue.createVNode("div", {
+          "onClick": this.onClick,
+          "class": [this.ns.em("image", "hint"), this.ns.is("loading", this.c.state.loading)]
+        }, [this.c.state.loading ? "\u52A0\u8F7D\u4E2D..." : "\u52A0\u8F7D\u5931\u8D25"]);
+      }
+    }), [[vue.resolveDirective("loading"), this.c.state.loading]])]);
+  }
+});
+
+exports.AuthCaptcha = AuthCaptcha;

package/lib/panel-component/auth-captcha/auth-captcha.controller.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var axios = require('axios');
+var authCaptcha_state = require('./auth-captcha.state.cjs');
+
+"use strict";
+class AuthCaptchaController extends runtime.PanelItemController {
+  createState() {
+    var _a;
+    return new authCaptcha_state.AuthCaptchaState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @param {PanelNotifyState} _state
+   * @return {*}  {Promise<void>}
+   * @memberof AuthCaptchaController
+   */
+  async panelStateNotify(_state) {
+    super.panelStateNotify(_state);
+    const that = this;
+    Object.defineProperty(that.panel.state.data, "captcha", {
+      enumerable: true,
+      configurable: true,
+      get() {
+        return {
+          captcha_state: that.state.state,
+          captcha_code: that.state.code
+        };
+      }
+    });
+  }
+  /**
+   * 初始化
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof AuthCaptchaController
+   */
+  async onInit() {
+    super.onInit();
+    await this.loadCaptcha();
+  }
+  /**
+   * 加载验证码
+   *
+   * @return {*}  {Promise<void>}ss
+   * @memberof AuthCaptchaController
+   */
+  async loadCaptcha() {
+    this.state.loading = true;
+    const requestConfig = {
+      url: "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId, "/auths/captcha"),
+      method: "post",
+      headers: {
+        "Content-Type": "application/json;charset=UTF-8",
+        Accept: "application/json"
+      },
+      data: {}
+    };
+    const res = await axios(requestConfig);
+    if (res.status === 200 && res.data) {
+      this.state.state = res.data.state;
+      this.state.image = res.data.image;
+    }
+    this.state.loading = false;
+  }
+}
+
+exports.AuthCaptchaController = AuthCaptchaController;

package/lib/panel-component/auth-captcha/auth-captcha.css

@@ -0,0 +1 @@
+.ibiz-auth-captcha{display:flex}.ibiz-auth-captcha__captcha{width:calc(100% - 120px)}.ibiz-auth-captcha__image{flex-shrink:0;width:120px;height:100%;cursor:pointer}.ibiz-auth-captcha__image--hint{display:flex;align-items:center;justify-content:center;width:100%;height:100%}

package/lib/panel-component/auth-captcha/auth-captcha.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var authCaptcha_controller = require('./auth-captcha.controller.cjs');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class AuthCaptchaProvider {
+  constructor() {
+    __publicField(this, "component", "IBizAuthCaptcha");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new authCaptcha_controller.AuthCaptchaController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.AuthCaptchaProvider = AuthCaptchaProvider;

package/lib/panel-component/auth-captcha/auth-captcha.state.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class AuthCaptchaState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 验证码
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    __publicField(this, "code", "");
+    /**
+     * 验证图片
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    __publicField(this, "image", "");
+    /**
+     * 验证UUID码
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    __publicField(this, "state", "");
+    /**
+     * 加载状态
+     *
+     * @type {boolean}
+     * @memberof AuthCaptchaState
+     */
+    __publicField(this, "loading", false);
+  }
+}
+
+exports.AuthCaptchaState = AuthCaptchaState;

package/lib/panel-component/auth-captcha/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var authCaptcha = require('./auth-captcha.cjs');
+var authCaptcha_provider = require('./auth-captcha.provider.cjs');
+
+"use strict";
+const IBizAuthCaptcha = vue3Util.withInstall(authCaptcha.AuthCaptcha, function(v) {
+  v.component(authCaptcha.AuthCaptcha.name, authCaptcha.AuthCaptcha);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_AUTH_CAPTCHA",
+    () => new authCaptcha_provider.AuthCaptchaProvider()
+  );
+});
+
+exports.IBizAuthCaptcha = IBizAuthCaptcha;
+exports.default = IBizAuthCaptcha;

package/lib/panel-component/auth-userinfo/auth-userinfo.cjs

@@ -24,7 +24,7 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("user-info");
     const c = prop.controller;
     const {
-      srfusername = "\u6E38\u5BA2",
+      srfusername = ibiz.i18n.t("panelComponent.authUserinfo.visitor"),
       srfpersonname
     } = ((_a = ibiz.appData) == null ? void 0 : _a.context) || {};
     const router = vueRouter.useRouter();

package/lib/panel-component/index.cjs

@@ -26,6 +26,8 @@ var index$k = require('./coop-pos/index.cjs');
 var index$l = require('./view-msg-pos/index.cjs');
 var index$8 = require('./user-action/index.cjs');
 var index$m = require('./data-import/index.cjs');
+var index$n = require('./short-cut/index.cjs');
+var index$o = require('./auth-captcha/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -73,6 +75,8 @@ const IBizPanelComponents = {
     v.use(index$l.IBizViewMsgPos);
     v.use(index$8.IBizUserAction);
     v.use(index$m.IBizDataImport);
+    v.use(index$n.IBizShortCut);
+    v.use(index$o.IBizAuthCaptcha);
   }
 };
 

package/lib/panel-component/nav-pos-index/nav-pos-index.cjs

@@ -82,7 +82,7 @@ const NavPosIndex = /* @__PURE__ */ vue.defineComponent({
           default: () => [Component && vue.createVNode(Component, null, null)]
         });
       }
-    }) : vue.createVNode("div", null, [vue.createTextVNode("\u975E\u8DEF\u7531\u6A21\u5F0F\u5BFC\u822A\u5360\u4F4D\u6682\u672A\u652F\u6301")])]);
+    }) : vue.createVNode("div", null, [ibiz.i18n.t("panelComponent.navPosIndex.noSupportPrompt")])]);
   }
 });
 

package/lib/panel-component/nav-tabs/nav-tabs.cjs

@@ -28,10 +28,10 @@ const NavTabs = /* @__PURE__ */ vue.defineComponent({
       state
     } = props.controller;
     const actions = [{
-      text: "\u5173\u95ED\u6240\u6709",
+      text: ibiz.i18n.t("panelComponent.navTabs.closeAll"),
       value: "closeAll"
     }, {
-      text: "\u5173\u95ED\u5176\u4ED6",
+      text: ibiz.i18n.t("panelComponent.navTabs.closeOther"),
       value: "closeOther"
     }];
     const changePage = (pane) => {
@@ -109,7 +109,7 @@ const NavTabs = /* @__PURE__ */ vue.defineComponent({
           "size": "small",
           "type": "primary"
         }, {
-          default: () => [vue.createTextVNode("\u66F4\u591A "), vue.createVNode("ion-icon", {
+          default: () => [ibiz.i18n.t("app.more"), vue.createVNode("ion-icon", {
             "name": "arrow-down"
           }, null)]
         });

package/lib/panel-component/panel-remember-me/panel-remember-me.cjs

@@ -47,7 +47,7 @@ const PanelRememberMe = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode(vue.resolveComponent("el-checkbox"), {
       "modelValue": this.isRemember,
       "onUpdate:modelValue": ($event) => this.isRemember = $event,
-      "label": "\u8BB0\u4F4F\u6211"
+      "label": ibiz.i18n.t("app.rememberMe")
     }, null)]);
   }
 });

package/lib/panel-component/panel-tab-panel/panel-tab-panel.cjs

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-var runtime = require('@ibiz-template/runtime');
 require('./panel-tab-panel.css');
+var panelTabPanel_controller = require('./panel-tab-panel.controller.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -17,12 +17,15 @@ const PanelTabPanel = /* @__PURE__ */ vue.defineComponent({
       required: true
     },
     controller: {
-      type: runtime.PanelItemController,
+      type: panelTabPanel_controller.PanelTabPanelController,
       required: true
     }
   },
   setup(props) {
     const ns = vue3Util.useNamespace("panel-tab-panel");
+    const {
+      state
+    } = props.controller;
     const classArr = vue.computed(() => {
       const {
         id
@@ -31,13 +34,18 @@ const PanelTabPanel = /* @__PURE__ */ vue.defineComponent({
       result.push(...props.controller.containerClass);
       return result;
     });
+    const onTabClick = (tabIns, event) => {
+      props.controller.onTabChange(tabIns.props.name);
+    };
     return {
       ns,
-      classArr
+      state,
+      classArr,
+      onTabClick
     };
   },
   render() {
-    var _a, _b, _c;
+    var _a, _b;
     let _slot;
     if (!this.controller.state.visible) {
       return;
@@ -45,7 +53,8 @@ const PanelTabPanel = /* @__PURE__ */ vue.defineComponent({
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     return vue.createVNode(vue.resolveComponent("el-tabs"), {
       "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass],
-      "model-value": (_c = this.modelData.panelTabPages) == null ? void 0 : _c[0].id
+      "model-value": this.state.activeTab,
+      "onTabClick": this.onTabClick
     }, _isSlot(_slot = defaultSlots.map((slot) => {
       const props = slot.props;
       if (!props || !props.controller) {

package/lib/panel-component/panel-tab-panel/panel-tab-panel.controller.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var panelTabPanel_state = require('./panel-tab-panel.state.cjs');
+
+"use strict";
+class PanelTabPanelController extends runtime.PanelItemController {
+  /**
+   * 新建状态
+   *
+   * @author tony001
+   * @date 2024-05-12 14:05:16
+   * @protected
+   * @return {*}  {PanelTabPanelState}
+   */
+  createState() {
+    var _a;
+    return new panelTabPanel_state.PanelTabPanelState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 初始化
+   *
+   * @author tony001
+   * @date 2024-05-12 14:05:51
+   * @return {*}  {Promise<void>}
+   */
+  async onInit() {
+    var _a;
+    await super.onInit();
+    this.state.activeTab = ((_a = this.model.panelTabPages) == null ? void 0 : _a[0].id) || "";
+  }
+  /**
+   * 分页点击切换处理
+   *
+   * @author tony001
+   * @date 2024-05-12 14:05:11
+   * @param {string} tabId
+   */
+  onTabChange(tabId) {
+    this.state.activeTab = tabId;
+  }
+}
+
+exports.PanelTabPanelController = PanelTabPanelController;

package/lib/panel-component/panel-tab-panel/panel-tab-panel.provider.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var runtime = require('@ibiz-template/runtime');
+var panelTabPanel_controller = require('./panel-tab-panel.controller.cjs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -14,7 +14,7 @@ class PanelTabPanelProvider {
     __publicField(this, "component", "IBizPanelTabPanel");
   }
   async createController(panelItem, panel, parent) {
-    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    const c = new panelTabPanel_controller.PanelTabPanelController(panelItem, panel, parent);
     await c.init();
     return c;
   }

package/lib/panel-component/panel-tab-panel/panel-tab-panel.state.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PanelTabPanelState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 当前激活分页
+     *
+     * @author tony001
+     * @date 2024-05-12 14:05:36
+     * @type {string}
+     */
+    __publicField(this, "activeTab", "");
+  }
+}
+
+exports.PanelTabPanelState = PanelTabPanelState;

package/lib/panel-component/searchform-buttons/searchform-buttons.cjs

@@ -7,6 +7,9 @@ var ElementPlus = require('element-plus');
 var searchformButtons_controller = require('./searchform-buttons.controller.cjs');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const SearchFormButtons = /* @__PURE__ */ vue.defineComponent({
   name: "IBizSearchFormButtons",
   props: {
@@ -29,9 +32,9 @@ const SearchFormButtons = /* @__PURE__ */ vue.defineComponent({
       c.onResetButtonClick();
     };
     const saveFilterConfirm = () => {
-      ElementPlus.ElMessageBox.prompt("\u8BF7\u8F93\u5165\u8981\u5B58\u50A8\u7684\u81EA\u5B9A\u4E49\u67E5\u8BE2\u540D\u79F0\uFF1A", "\u5B58\u50A8\u81EA\u5B9A\u4E49\u67E5\u8BE2", {
-        confirmButtonText: "\u4FDD\u5B58",
-        cancelButtonText: "\u53D6\u6D88"
+      ElementPlus.ElMessageBox.prompt(ibiz.i18n.t("panelComponent.searchformButtons.enterPrompt"), ibiz.i18n.t("panelComponent.searchformButtons.queryPrompt"), {
+        confirmButtonText: ibiz.i18n.t("app.save"),
+        cancelButtonText: ibiz.i18n.t("app.cancel")
       }).then(({
         value
       }) => {
@@ -47,12 +50,13 @@ const SearchFormButtons = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    let _slot;
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
     }, [this.controller.searchButtonStyle === "SEARCHONLY" ? vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": this.onSearchButtonClick
-    }, {
-      default: () => [vue.createTextVNode("\u641C\u7D22")]
+    }, _isSlot(_slot = ibiz.i18n.t("app.search")) ? _slot : {
+      default: () => [_slot]
     }) : vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "split-button": true,
       "type": "primary",
@@ -60,17 +64,18 @@ const SearchFormButtons = /* @__PURE__ */ vue.defineComponent({
     }, {
       default: () => vue.createVNode("span", {
         "class": this.ns.b("label")
-      }, [vue.createTextVNode("\u641C\u7D22")]),
+      }, [ibiz.i18n.t("app.search")]),
       dropdown: () => {
+        let _slot2, _slot3;
         return vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
           default: () => [vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
             "onClick": this.onResetButtonClick
-          }, {
-            default: () => [vue.createTextVNode("\u91CD\u7F6E")]
+          }, _isSlot(_slot2 = ibiz.i18n.t("app.reset")) ? _slot2 : {
+            default: () => [_slot2]
           }), vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
             "onClick": this.saveFilterConfirm
-          }, {
-            default: () => [vue.createTextVNode("\u4FDD\u5B58\u6761\u4EF6")]
+          }, _isSlot(_slot3 = ibiz.i18n.t("panelComponent.searchformButtons.saveCondition")) ? _slot3 : {
+            default: () => [_slot3]
           }), this.controller.storedFilters.length > 0 && this.controller.storedFilters.map((item, index) => {
             return vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
               "class": this.ns.b("filter-item"),

package/lib/panel-component/searchform-buttons/searchform-buttons.controller.cjs

@@ -45,7 +45,9 @@ class SearchFormButtonsController extends runtime.PanelItemController {
     await super.onInit();
     const searchFrom = this.panel.container;
     if (!searchFrom) {
-      throw new core.RuntimeError("\u5F53\u524D\u89C6\u56FE\u91CC\u6CA1\u6709\u627E\u5230\u53EBsearchform\u7684\u641C\u7D22\u8868\u5355");
+      throw new core.RuntimeError(
+        ibiz.i18n.t("panelComponent.searchformButtons.errMessage")
+      );
     }
     this.searchFrom = searchFrom;
   }

package/lib/panel-component/short-cut/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var shortCut = require('./short-cut.cjs');
+var shortCut_provider = require('./short-cut.provider.cjs');
+
+"use strict";
+const IBizShortCut = vue3Util.withInstall(shortCut.ShortCut, function(v) {
+  v.component(shortCut.ShortCut.name, shortCut.ShortCut);
+  runtime.registerPanelItemProvider("RAWITEM_SHORTCUT", () => new shortCut_provider.ShortCutProvider());
+});
+
+exports.IBizShortCut = IBizShortCut;
+exports.default = IBizShortCut;