@ibiz-template/vue3-util 0.2.11 → 0.2.13

package/es/plugin/plugin-factory/plugin-factory.mjs

@@ -0,0 +1,292 @@
+import { RuntimeModelError, RuntimeError } from '@ibiz-template/core';
+import { RemotePluginItem } from '@ibiz-template/runtime';
+import path, { p as pathBrowserify } from '../../node_modules/.pnpm/path-browserify@1.0.1/node_modules/path-browserify/index.mjs';
+
+"use strict";
+class PluginFactory {
+  constructor() {
+    /**
+     * 是否为 http || https 开头
+     *
+     * @author chitanda
+     * @date 2022-11-07 14:11:28
+     * @protected
+     */
+    this.urlReg = /^http[s]?:\/\/[^\s]*/;
+    /**
+     * 是否已经加载过文件缓存
+     *
+     * @author chitanda
+     * @date 2022-10-31 14:10:17
+     * @protected
+     * @type {Map<string, boolean>}
+     */
+    this.cache = /* @__PURE__ */ new Map();
+    /**
+     * 本地开发测试包，只在本地开发生效
+     *
+     * @author chitanda
+     * @date 2022-11-02 21:11:41
+     * @protected
+     */
+    this.devPackages = /* @__PURE__ */ new Map();
+    /**
+     * 插件缓存
+     *
+     * @author chitanda
+     * @date 2022-10-31 14:10:28
+     * @protected
+     * @type {Map<string, RemotePluginItem>}
+     */
+    this.pluginCache = /* @__PURE__ */ new Map();
+    /**
+     * 所有的插件
+     *
+     * @author chitanda
+     * @date 2023-02-02 16:02:55
+     * @protected
+     * @type {Plugin[]}
+     */
+    this.pluginCodes = [];
+    /**
+     * 预定义插件集合
+     *
+     * @author chitanda
+     * @date 2023-03-09 17:03:46
+     * @protected
+     * @type {Map<string, IPluginItem>}
+     */
+    this.predefinedPlugins = /* @__PURE__ */ new Map();
+  }
+  /**
+   * 注册视图默认插件
+   *
+   * @author chitanda
+   * @date 2023-02-06 21:02:10
+   * @param {IPluginItem} plugin
+   */
+  registerPredefinedPlugin(plugin) {
+    this.predefinedPlugins.set(plugin.name, plugin);
+  }
+  /**
+   * 给入应用实例，将已经加载的过插件注入。主要用于多实例的情况
+   *
+   * @author chitanda
+   * @date 2023-02-02 16:02:51
+   * @param {App} app
+   */
+  register(app) {
+    this.pluginCodes.forEach((plugin) => {
+      app.use(plugin);
+    });
+  }
+  /**
+   * 加载预置插件
+   *
+   * @author chitanda
+   * @date 2023-03-09 18:03:48
+   * @param {string} name
+   * @return {*}  {Promise<void>}
+   */
+  async loadPredefinedPlugin(name) {
+    if (this.predefinedPlugins.has(name)) {
+      const plugin = this.predefinedPlugins.get(name);
+      if (plugin) {
+        await this.loadPluginRef(plugin.name, plugin.path);
+      }
+    }
+  }
+  /**
+   * 插件刚加载完成回来，设置到目前所有的 vue 实例当中
+   *
+   * @author chitanda
+   * @date 2023-02-02 17:02:38
+   * @protected
+   * @param {Plugin} code
+   */
+  setPluginCode(code) {
+    this.pluginCodes.push(code);
+    window.vueInstances.forEach((inst) => {
+      inst.use(code);
+    });
+  }
+  /**
+   * 设置开发插件，用于本地调试
+   *
+   * @author chitanda
+   * @date 2022-11-02 21:11:56
+   * @param {string} name
+   * @param {() => Promise<unknown>} fn
+   */
+  setDevPlugin(name, fn) {
+    this.devPackages.set(name, fn);
+  }
+  /**
+   * 加载插件
+   *
+   * @author chitanda
+   * @date 2022-10-31 14:10:13
+   * @param {ISysPFPlugin} plugin
+   * @return {*}  {Promise<boolean>}
+   */
+  async loadPlugin(plugin) {
+    if (plugin.runtimeObject === true) {
+      const pluginRef = plugin;
+      if (pluginRef) {
+        try {
+          await this.loadPluginRef(
+            pluginRef.rtobjectName,
+            pluginRef.rtobjectRepo
+          );
+        } catch (error) {
+          throw new RuntimeModelError(pluginRef, `\u914D\u7F6E\u52A0\u8F7D\u5931\u8D25`);
+        }
+      }
+    }
+    return false;
+  }
+  /**
+   * 加载应用插件
+   *
+   * @author chitanda
+   * @date 2022-10-31 16:10:57
+   * @param {IPSAppPFPluginRef} pluginRef
+   * @return {*}  {Promise<boolean>}
+   */
+  async loadPluginRef(rtObjectName, rtObjectRepo) {
+    if (this.pluginCache.has(rtObjectName)) {
+      return true;
+    }
+    let configData = null;
+    const fn = this.devPackages.get(rtObjectName);
+    if (fn) {
+      configData = await fn();
+    } else {
+      const pluginPath = rtObjectRepo;
+      const configUrl = this.urlReg.test(pluginPath) ? `${pluginPath}/package.json` : `${ibiz.env.pluginBaseUrl}/${pathBrowserify.join(pluginPath, "package.json")}`;
+      const res = await ibiz.net.axios({
+        method: "get",
+        headers: { "Access-Control-Allow-Origin": "*" },
+        url: configUrl
+      });
+      if (res.status !== 200) {
+        throw new Error(`\u914D\u7F6E\u52A0\u8F7D\u5931\u8D25`);
+      }
+      configData = res.data;
+    }
+    const remotePlugin = new RemotePluginItem(
+      rtObjectName,
+      rtObjectRepo,
+      configData
+    );
+    if (remotePlugin) {
+      try {
+        await this.loadScript(remotePlugin);
+        this.pluginCache.set(rtObjectName, remotePlugin);
+        return true;
+      } catch (error) {
+        ibiz.log.error(error);
+      }
+    }
+    return false;
+  }
+  /**
+   * 加载插件
+   *
+   * @author chitanda
+   * @date 2022-11-02 14:11:31
+   * @protected
+   * @param {RemotePluginItem} remotePlugin
+   * @return {*}  {Promise<void>}
+   */
+  async loadScript(remotePlugin) {
+    const pluginPath = remotePlugin.repo;
+    const { name, version, system, module, styles } = remotePlugin.config;
+    let scriptUrl = "";
+    if (this.devPackages.has(name)) {
+      scriptUrl = pathBrowserify.join(`${name}@${version}`, module);
+    } else if (ibiz.env.dev) {
+      scriptUrl = this.urlReg.test(pluginPath) ? `${pluginPath}/${pathBrowserify.join(module)}` : `${ibiz.env.pluginBaseUrl}/${pluginPath}/${pathBrowserify.join(module)}`;
+    } else {
+      scriptUrl = pathBrowserify.join(pluginPath, system);
+    }
+    if (scriptUrl) {
+      if (this.cache.has(scriptUrl)) {
+        return;
+      }
+      let data = null;
+      const url = this.parseUrl(scriptUrl);
+      const styleUrls = (typeof styles === "string" ? [styles] : styles).map(
+        (styleUrl) => this.parseUrl(path.join(pluginPath, styleUrl))
+      );
+      if (this.devPackages.has(name)) {
+        const fn = this.devPackages.get(name);
+        const pluginModule = await fn();
+        this.setPluginCode(pluginModule.default);
+        this.cache.set(scriptUrl, true);
+      } else if (ibiz.env.dev) {
+        data = await import(
+          scriptUrl
+          /* @vite-ignore */
+        );
+      } else {
+        System.addImportMap({
+          imports: {
+            [name]: url
+          },
+          styles: {
+            [name]: styleUrls
+          }
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        });
+        data = await System.import(name);
+      }
+      if (data) {
+        if (data.default) {
+          this.setPluginCode(data.default);
+        } else {
+          throw new RuntimeError(
+            `\u8FDC\u7A0B\u63D2\u4EF6\u52A0\u8F7D\u5931\u8D25, \u8FDC\u7A0B\u63D2\u4EF6\u672A\u627E\u5230[default]\u9ED8\u8BA4\u5BFC\u51FA`
+          );
+        }
+        this.cache.set(scriptUrl, true);
+      } else {
+        throw new RuntimeError(
+          `\u8FDC\u7A0B\u63D2\u4EF6\u52A0\u8F7D\u5931\u8D25, \u672A\u627E\u5230\u6587\u4EF6\u6216\u6587\u4EF6\u5185\u5BB9\u683C\u5F0F\u4E0D\u6B63\u786E`
+        );
+      }
+    }
+  }
+  /**
+   * 编译请求文件地址
+   *
+   * @author chitanda
+   * @date 2022-10-31 14:10:19
+   * @protected
+   * @param {string} script
+   * @return {*}  {string}
+   */
+  parseUrl(script) {
+    if (this.urlReg.test(script)) {
+      return script;
+    }
+    let url = "";
+    if (this.urlReg.test(ibiz.env.pluginBaseUrl)) {
+      if (script.startsWith("/")) {
+        url = ibiz.env.pluginBaseUrl + script;
+      } else {
+        url = `${ibiz.env.pluginBaseUrl}/${script}`;
+      }
+    } else {
+      url = `${pathBrowserify.join(ibiz.env.pluginBaseUrl, script)}`;
+    }
+    const { origin, pathname } = window.location;
+    if (pathname.endsWith("/") && url.startsWith("/")) {
+      url = url.substring(1);
+    }
+    url = `${origin}${pathname}${url}`;
+    return url;
+  }
+}
+
+export { PluginFactory };

package/es/props/common.mjs

@@ -0,0 +1,15 @@
+"use strict";
+class RequiredProp {
+  constructor(type, _default, validator) {
+    this.required = true;
+    if (_default) {
+      this.default = _default;
+    }
+    if (validator) {
+      this.validator = validator;
+    }
+    this.type = type;
+  }
+}
+
+export { RequiredProp };

package/es/props/editor/array.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getArrayProps() {
+  return { ...getEditorProps(), value: [Array, Array] };
+}
+function getGridArrayProps() {
+  return { ...getArrayProps(), ...getGridEditorCommonProps() };
+}
+
+export { getArrayProps, getGridArrayProps };

package/es/props/editor/autocomplete.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getAutoCompleteProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridAutoCompleteProps() {
+  return { ...getAutoCompleteProps(), ...getGridEditorCommonProps() };
+}
+
+export { getAutoCompleteProps, getGridAutoCompleteProps };

package/es/props/editor/cascader.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getCascaderProps() {
+  return { ...getEditorProps(), value: String };
+}
+function getGridCascaderProps() {
+  return { ...getCascaderProps(), ...getGridEditorCommonProps() };
+}
+
+export { getCascaderProps, getGridCascaderProps };

package/es/props/editor/check-box-list.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getCheckboxListProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridCheckboxListProps() {
+  return { ...getCheckboxListProps(), ...getGridEditorCommonProps() };
+}
+
+export { getCheckboxListProps, getGridCheckboxListProps };

package/es/props/editor/check-box.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getCheckboxProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridCheckboxProps() {
+  return { ...getCheckboxProps(), ...getGridEditorCommonProps() };
+}
+
+export { getCheckboxProps, getGridCheckboxProps };

package/es/props/editor/code.mjs

@@ -0,0 +1,20 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getCodeProps() {
+  return {
+    ...getEditorProps(),
+    value: String,
+    language: {
+      type: String
+    },
+    theme: {
+      type: String
+    }
+  };
+}
+function getGridCodeProps() {
+  return { ...getCodeProps(), ...getGridEditorCommonProps() };
+}
+
+export { getCodeProps, getGridCodeProps };

package/es/props/editor/color-picker.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getColorPickerProps() {
+  return { ...getEditorProps(), value: String };
+}
+function getGridColorPickerProps() {
+  return { ...getColorPickerProps(), ...getGridEditorCommonProps() };
+}
+
+export { getColorPickerProps, getGridColorPickerProps };

package/es/props/editor/common.mjs

@@ -0,0 +1,48 @@
+import { RequiredProp } from '../common.mjs';
+
+"use strict";
+function getEditorProps() {
+  return {
+    value: String,
+    controller: new RequiredProp(Object),
+    data: new RequiredProp(Object),
+    disabled: {
+      type: Boolean
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    autoFocus: {
+      type: Boolean,
+      default: false
+    }
+  };
+}
+function getEditorEmits() {
+  return {
+    /** 值变更事件 */
+    change: (_value, _name) => true,
+    /** 失焦事件 */
+    blur: () => true,
+    /** 聚焦事件 */
+    focus: () => true
+  };
+}
+function getGridEditorEmits() {
+  return {
+    /** 值变更事件 */
+    change: (_value, _name) => true,
+    /** 是否正在操作事件 */
+    rowSave: () => true
+  };
+}
+function getGridEditorCommonProps() {
+  return {
+    hasError: {
+      type: Boolean
+    }
+  };
+}
+
+export { getEditorEmits, getEditorProps, getGridEditorCommonProps, getGridEditorEmits };

package/es/props/editor/data-picker.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getDataPickerProps() {
+  return { ...getEditorProps(), value: [String, Array, Object, Number] };
+}
+function getGridDataPickerProps() {
+  return { ...getDataPickerProps(), ...getGridEditorCommonProps() };
+}
+
+export { getDataPickerProps, getGridDataPickerProps };

package/es/props/editor/date-picker.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getDatePickerProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridDatePickerProps() {
+  return { ...getDatePickerProps(), ...getGridEditorCommonProps() };
+}
+
+export { getDatePickerProps, getGridDatePickerProps };

package/es/props/editor/date-range.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getDateRangeProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridDateRangeProps() {
+  return { ...getDateRangeProps(), ...getGridEditorCommonProps() };
+}
+
+export { getDateRangeProps, getGridDateRangeProps };

package/es/props/editor/dropdown-list.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getDropdownProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridDropdownProps() {
+  return { ...getDropdownProps(), ...getGridEditorCommonProps() };
+}
+
+export { getDropdownProps, getGridDropdownProps };

package/es/props/editor/html.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getHtmlProps() {
+  return { ...getEditorProps(), value: String };
+}
+function getGridHtmlProps() {
+  return { ...getHtmlProps(), ...getGridEditorCommonProps() };
+}
+
+export { getGridHtmlProps, getHtmlProps };

package/es/props/editor/index.mjs

@@ -0,0 +1,27 @@
+export { getGridInputIpProps, getGridInputNumberProps, getGridInputProps, getInputIpProps, getInputNumberProps, getInputProps } from './text-box.mjs';
+export { getGridSpanProps, getSpanProps } from './span.mjs';
+export { getEditorEmits, getEditorProps, getGridEditorCommonProps, getGridEditorEmits } from './common.mjs';
+export { getDropdownProps, getGridDropdownProps } from './dropdown-list.mjs';
+export { getCheckboxListProps, getGridCheckboxListProps } from './check-box-list.mjs';
+export { getCheckboxProps, getGridCheckboxProps } from './check-box.mjs';
+export { getDataPickerProps, getGridDataPickerProps } from './data-picker.mjs';
+export { getDatePickerProps, getGridDatePickerProps } from './date-picker.mjs';
+export { getDateRangeProps, getGridDateRangeProps } from './date-range.mjs';
+export { getGridListBoxProps, getListBoxProps } from './list-box.mjs';
+export { getGridNumberRangeProps, getNumberRangeProps } from './number-range.mjs';
+export { getGridRadioProps, getRadioProps } from './radio-button-list.mjs';
+export { getGridRateProps, getRateProps } from './rate.mjs';
+export { getGridRawProps, getRawProps } from './raw.mjs';
+export { getGridSliderProps, getSliderProps } from './slider.mjs';
+export { getGridStepperProps, getStepperProps } from './stepper.mjs';
+export { getGridSwitchProps, getSwitchProps } from './switch.mjs';
+export { getGridUploadProps, getUploadProps } from './upload.mjs';
+export { getAutoCompleteProps, getGridAutoCompleteProps } from './autocomplete.mjs';
+export { getCodeProps, getGridCodeProps } from './code.mjs';
+export { getGridHtmlProps, getHtmlProps } from './html.mjs';
+export { getGridMarkDownProps, getMarkDownProps } from './markdown.mjs';
+export { getArrayProps, getGridArrayProps } from './array.mjs';
+export { getCascaderProps, getGridCascaderProps } from './cascader.mjs';
+export { getColorPickerProps, getGridColorPickerProps } from './color-picker.mjs';
+
+"use strict";

package/es/props/editor/list-box.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getListBoxProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridListBoxProps() {
+  return { ...getListBoxProps(), ...getGridEditorCommonProps() };
+}
+
+export { getGridListBoxProps, getListBoxProps };

package/es/props/editor/markdown.mjs

@@ -0,0 +1,19 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getMarkDownProps() {
+  return {
+    ...getEditorProps(),
+    data: { type: Object, required: false },
+    controller: { type: Object, required: false },
+    disabled: {
+      type: Boolean,
+      required: false
+    }
+  };
+}
+function getGridMarkDownProps() {
+  return { ...getMarkDownProps(), ...getGridEditorCommonProps() };
+}
+
+export { getGridMarkDownProps, getMarkDownProps };

package/es/props/editor/number-range.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getNumberRangeProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridNumberRangeProps() {
+  return { ...getNumberRangeProps(), ...getGridEditorCommonProps() };
+}
+
+export { getGridNumberRangeProps, getNumberRangeProps };

package/es/props/editor/radio-button-list.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getRadioProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridRadioProps() {
+  return { ...getRadioProps(), ...getGridEditorCommonProps() };
+}
+
+export { getGridRadioProps, getRadioProps };

package/es/props/editor/rate.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getRateProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridRateProps() {
+  return { ...getRateProps(), ...getGridEditorCommonProps() };
+}
+
+export { getGridRateProps, getRateProps };

package/es/props/editor/raw.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getRawProps() {
+  return { ...getEditorProps(), value: [String, Number, Array] };
+}
+function getGridRawProps() {
+  return { ...getRawProps(), ...getGridEditorCommonProps() };
+}
+
+export { getGridRawProps, getRawProps };

package/es/props/editor/slider.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getSliderProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridSliderProps() {
+  return { ...getSliderProps(), ...getGridEditorCommonProps() };
+}
+
+export { getGridSliderProps, getSliderProps };

package/{out → es}/props/editor/span.d.ts

@@ -8,7 +8,7 @@
  * @returns {*}
  */
 export declare function getSpanProps<C>(): {
-    value: (StringConstructor | NumberConstructor)[];
+    value: (ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
     controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
     data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
     disabled: {
@@ -36,7 +36,7 @@ export declare function getGridSpanProps<C>(): {
     hasError: {
         type: BooleanConstructor;
     };
-    value: (StringConstructor | NumberConstructor)[];
+    value: (ObjectConstructor | ArrayConstructor | StringConstructor | NumberConstructor)[];
     controller: import("..").RequiredProp<import("vue").PropType<C>, undefined, undefined>;
     data: import("..").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
     disabled: {

package/es/props/editor/span.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getSpanProps() {
+  return { ...getEditorProps(), value: [String, Number, Object, Array] };
+}
+function getGridSpanProps() {
+  return { ...getSpanProps(), ...getGridEditorCommonProps() };
+}
+
+export { getGridSpanProps, getSpanProps };

package/es/props/editor/stepper.mjs

@@ -0,0 +1,11 @@
+import { getEditorProps, getGridEditorCommonProps } from './common.mjs';
+
+"use strict";
+function getStepperProps() {
+  return { ...getEditorProps(), value: [String, Number] };
+}
+function getGridStepperProps() {
+  return { ...getStepperProps(), ...getGridEditorCommonProps() };
+}
+
+export { getGridStepperProps, getStepperProps };