hy-dispatch-ui-v3 0.2.0 → 0.2.2

package/es/components/appIcon/appIcon.vue.mjs

@@ -1,5 +1,4 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode } from 'vue';
-import { svgIconLoad } from '../../utils/loadScript.mjs';
 
 import "./style/appIcon.scss";
 
@@ -32,7 +31,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         return "app-icon";
       }
     });
-    svgIconLoad();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("svg", {
         class: normalizeClass(svgClass.value),

package/es/components/appInput/appInput.vue.mjs

@@ -12,9 +12,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       default: "text"
     },
     clearSpaceType: {
-      type: String,
+      type: String
       // between-清除两端空格 all-清除所有空格 before-清除前面的空格 after-清除后面的空格 none-不清除空格
-      default: "between"
     }
   }, {
     "modelValue": { type: String, default: "" },
@@ -25,27 +24,31 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
     const inputRef = useTemplateRef("inputRef");
+    const clearSpaceType = computed(() => {
+      if (props.clearSpaceType) {
+        return props.clearSpaceType;
+      }
+      return ["textarea", "password", "number"].includes(props.type) ? null : "between";
+    });
     const bindValue = computed({
       get() {
         return modelValue.value;
       },
       set(val) {
-        if (val && props.type !== "password") {
-          if (["between", "before"].includes(props.clearSpaceType)) {
+        if (val && clearSpaceType.value) {
+          if (["between", "before"].includes(clearSpaceType.value)) {
             modelValue.value = clearSpace(val, "before");
-            return;
-          }
-          if (["all"].includes(props.clearSpaceType)) {
-            modelValue.value = clearSpace(val, props.clearSpaceType);
-            return;
+          } else {
+            modelValue.value = clearSpace(val, clearSpaceType.value);
           }
+          return;
         }
         modelValue.value = val;
       }
     });
     function onBlurHandler() {
-      if (modelValue.value && props.type !== "password") {
-        modelValue.value = clearSpace(modelValue.value, props.clearSpaceType);
+      if (modelValue.value) {
+        modelValue.value = clearSpace(modelValue.value, clearSpaceType.value);
       }
     }
     __expose({
@@ -88,10 +91,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ref_key: "inputRef",
         ref: inputRef,
         modelValue: bindValue.value,
-        "onUpdate:modelValue": ($event) => bindValue.value = $event
-      }, _ctx.$attrs, {
-        onBlur: ($event) => onBlurHandler(props, _ctx.column)
-      }), null, 16, ["modelValue", "onUpdate:modelValue", "onBlur"]);
+        "onUpdate:modelValue": ($event) => bindValue.value = $event,
+        type: __props.type
+      }, _ctx.$attrs, { onBlur: onBlurHandler }), null, 16, ["modelValue", "onUpdate:modelValue", "type"]);
     };
   }
 });

package/es/components/appInput/index.mjs

@@ -2,5 +2,6 @@ import _sfc_main from './appInput.vue.mjs';
 import { withInstall } from '../../utils/handler.mjs';
 
 const AppInput = withInstall(_sfc_main);
+const ElInput = withInstall(_sfc_main, "ElInput");
 
-export { AppInput, AppInput as default };
+export { AppInput, ElInput, AppInput as default };

package/es/components/appVideoPlayer/appVideoPlayer.vue.mjs

@@ -2,7 +2,6 @@ import { defineComponent, useTemplateRef, onMounted, onUnmounted, openBlock, cre
 import { ElPopover, ElSlider } from 'element-plus';
 import _sfc_main$1 from './cpns/mediaLoading.vue.mjs';
 import { useVideoPlayer, useVideoResize } from './js/index.mjs';
-import { protocolcheckLoad } from '../../utils/loadScript.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { useMixins } from '../../hooks/useMixins.mjs';
 import { AppIcon } from '../appIcon/index.mjs';
@@ -179,7 +178,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       },
       [useVideoPlayer, useVideoResize]
     );
-    protocolcheckLoad();
     onMounted(() => {
       initFullScreenEvent();
       listenerVideoWrapper();

package/es/components/index.mjs

@@ -18,7 +18,7 @@ export { AppMenu } from './appMenu/index.mjs';
 export { AppTree } from './appTree/index.mjs';
 export { AppVideoPlayer } from './appVideoPlayer/index.mjs';
 export { AppAudioPlayer } from './appAudioPlayer/index.mjs';
-export { AppInput } from './appInput/index.mjs';
+export { AppInput, ElInput } from './appInput/index.mjs';
 export { useAppForm } from './appForm/js/useAppForm.mjs';
 export { useAppSearch } from './appSearch/js/useAppSearch.mjs';
 export { useAppTable } from './appTable/js/useAppTable.mjs';

package/es/index.mjs

@@ -9,7 +9,7 @@ export { AppDialog } from './components/appDialog/index.mjs';
 export { AppForm } from './components/appForm/index.mjs';
 export { AppIcon } from './components/appIcon/index.mjs';
 export { AppIconBox } from './components/appIconBox/index.mjs';
-export { AppInput } from './components/appInput/index.mjs';
+export { AppInput, ElInput } from './components/appInput/index.mjs';
 export { AppMenu } from './components/appMenu/index.mjs';
 export { AppNoPermissions } from './components/appNoPermissions/index.mjs';
 export { AppNoPermissionsMap } from './components/appNoPermissionsMap/index.mjs';
@@ -35,7 +35,6 @@ export { localPermissionMapKey, usePermissionMap } from './hooks/usePermissionMa
 export { localUserAvatarMapKey, useUserAvatarMap } from './hooks/useUserAvatarMap.mjs';
 export { localVideoPlayerConfigKey, useVideoPlayerConfig } from './hooks/useVideoPlayerConfig.mjs';
 export { parseRem, pxTorem, remToPx, vwToPx } from './utils/adaptive.mjs';
-export { protocolcheckLoad, svgIconLoad } from './utils/loadScript.mjs';
 export { useAppForm } from './components/appForm/js/useAppForm.mjs';
 export { useAppSearch } from './components/appSearch/js/useAppSearch.mjs';
 export { useAppTable } from './components/appTable/js/useAppTable.mjs';

package/es/static/index.js

@@ -0,0 +1,2 @@
+import './hy-svg-icons.js';
+import './protocolcheck.js';

package/es/utils/handler.mjs

@@ -72,9 +72,9 @@ function createUniqueId(n) {
   }
   return arr[0];
 }
-const withInstall = (comp) => {
+const withInstall = (comp, name) => {
   comp.install = function(app) {
-    app.component(comp.name, comp);
+    app.component(name || comp.name, comp);
   };
   return comp;
 };

package/es/utils/index.mjs

@@ -6,4 +6,3 @@ export { cloneDeep, copyText, createUniqueId, funRunHandler, mergeDeep, withInst
 export { formatDuration, getDefaultValueFormatByType } from './date.mjs';
 export { blobToDataURL, fileFormUpload, fileJsonUplaod, fileUpload, presignedUrl, sizeToTextHandler } from './file.mjs';
 export { clearSpace, genValueByProp, getValueByProp, setValueByProp } from './form.mjs';
-export { protocolcheckLoad, svgIconLoad } from './loadScript.mjs';

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.2.0";
+const version = "0.2.2";
 
 export { version };

package/lib/components/appIcon/appIcon.vue.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var loadScript = require('../../utils/loadScript.js');
 
 import "./style/appIcon.scss";
 
@@ -36,7 +35,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         return "app-icon";
       }
     });
-    loadScript.svgIconLoad();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("svg", {
         class: vue.normalizeClass(svgClass.value),

package/lib/components/appInput/appInput.vue.js

@@ -16,9 +16,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       default: "text"
     },
     clearSpaceType: {
-      type: String,
+      type: String
       // between-清除两端空格 all-清除所有空格 before-清除前面的空格 after-清除后面的空格 none-不清除空格
-      default: "between"
     }
   }, {
     "modelValue": { type: String, default: "" },
@@ -29,27 +28,31 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const props = __props;
     const modelValue = vue.useModel(__props, "modelValue");
     const inputRef = vue.useTemplateRef("inputRef");
+    const clearSpaceType = vue.computed(() => {
+      if (props.clearSpaceType) {
+        return props.clearSpaceType;
+      }
+      return ["textarea", "password", "number"].includes(props.type) ? null : "between";
+    });
     const bindValue = vue.computed({
       get() {
         return modelValue.value;
       },
       set(val) {
-        if (val && props.type !== "password") {
-          if (["between", "before"].includes(props.clearSpaceType)) {
+        if (val && clearSpaceType.value) {
+          if (["between", "before"].includes(clearSpaceType.value)) {
             modelValue.value = form.clearSpace(val, "before");
-            return;
-          }
-          if (["all"].includes(props.clearSpaceType)) {
-            modelValue.value = form.clearSpace(val, props.clearSpaceType);
-            return;
+          } else {
+            modelValue.value = form.clearSpace(val, clearSpaceType.value);
           }
+          return;
         }
         modelValue.value = val;
       }
     });
     function onBlurHandler() {
-      if (modelValue.value && props.type !== "password") {
-        modelValue.value = form.clearSpace(modelValue.value, props.clearSpaceType);
+      if (modelValue.value) {
+        modelValue.value = form.clearSpace(modelValue.value, clearSpaceType.value);
       }
     }
     __expose({
@@ -92,10 +95,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ref_key: "inputRef",
         ref: inputRef,
         modelValue: bindValue.value,
-        "onUpdate:modelValue": ($event) => bindValue.value = $event
-      }, _ctx.$attrs, {
-        onBlur: ($event) => onBlurHandler(props, _ctx.column)
-      }), null, 16, ["modelValue", "onUpdate:modelValue", "onBlur"]);
+        "onUpdate:modelValue": ($event) => bindValue.value = $event,
+        type: __props.type
+      }, _ctx.$attrs, { onBlur: onBlurHandler }), null, 16, ["modelValue", "onUpdate:modelValue", "type"]);
     };
   }
 });

package/lib/components/appInput/index.js

@@ -6,6 +6,8 @@ var appInput = require('./appInput.vue.js');
 var handler = require('../../utils/handler.js');
 
 const AppInput = handler.withInstall(appInput.default);
+const ElInput = handler.withInstall(appInput.default, "ElInput");
 
 exports.AppInput = AppInput;
+exports.ElInput = ElInput;
 exports.default = AppInput;

package/lib/components/appVideoPlayer/appVideoPlayer.vue.js

@@ -6,7 +6,6 @@ var vue = require('vue');
 var elementPlus = require('element-plus');
 var mediaLoading = require('./cpns/mediaLoading.vue.js');
 var index = require('./js/index.js');
-var loadScript = require('../../utils/loadScript.js');
 var useLocale = require('../../hooks/useLocale.js');
 var useMixins = require('../../hooks/useMixins.js');
 var index$1 = require('../appIcon/index.js');
@@ -183,7 +182,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       },
       [index.useVideoPlayer, index.useVideoResize]
     );
-    loadScript.protocolcheckLoad();
     vue.onMounted(() => {
       initFullScreenEvent();
       listenerVideoWrapper();

package/lib/components/index.js

@@ -48,6 +48,7 @@ exports.AppTree = index$i.AppTree;
 exports.AppVideoPlayer = index$k.AppVideoPlayer;
 exports.AppAudioPlayer = index.AppAudioPlayer;
 exports.AppInput = index$a.AppInput;
+exports.ElInput = index$a.ElInput;
 exports.useAppForm = useAppForm.useAppForm;
 exports.useAppSearch = useAppSearch.useAppSearch;
 exports.useAppTable = useAppTable.useAppTable;

package/lib/index.js

@@ -39,7 +39,6 @@ var usePermissionMap = require('./hooks/usePermissionMap.js');
 var useUserAvatarMap = require('./hooks/useUserAvatarMap.js');
 var useVideoPlayerConfig = require('./hooks/useVideoPlayerConfig.js');
 var adaptive = require('./utils/adaptive.js');
-var loadScript = require('./utils/loadScript.js');
 var useAppForm = require('./components/appForm/js/useAppForm.js');
 var useAppSearch = require('./components/appSearch/js/useAppSearch.js');
 var useAppTable = require('./components/appTable/js/useAppTable.js');
@@ -61,6 +60,7 @@ exports.AppForm = index$7.AppForm;
 exports.AppIcon = index$8.AppIcon;
 exports.AppIconBox = index$9.AppIconBox;
 exports.AppInput = index$a.AppInput;
+exports.ElInput = index$a.ElInput;
 exports.AppMenu = index$b.AppMenu;
 exports.AppNoPermissions = index$c.AppNoPermissions;
 exports.AppNoPermissionsMap = index$d.AppNoPermissionsMap;
@@ -131,8 +131,6 @@ exports.parseRem = adaptive.parseRem;
 exports.pxTorem = adaptive.pxTorem;
 exports.remToPx = adaptive.remToPx;
 exports.vwToPx = adaptive.vwToPx;
-exports.protocolcheckLoad = loadScript.protocolcheckLoad;
-exports.svgIconLoad = loadScript.svgIconLoad;
 exports.useAppForm = useAppForm.useAppForm;
 exports.useAppSearch = useAppSearch.useAppSearch;
 exports.useAppTable = useAppTable.useAppTable;

package/lib/static/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('./hy-svg-icons.js');
+require('./protocolcheck.js');
+

package/lib/utils/handler.js

@@ -74,9 +74,9 @@ function createUniqueId(n) {
   }
   return arr[0];
 }
-const withInstall = (comp) => {
+const withInstall = (comp, name) => {
   comp.install = function(app) {
-    app.component(comp.name, comp);
+    app.component(name || comp.name, comp);
   };
   return comp;
 };

package/lib/utils/index.js

@@ -8,7 +8,6 @@ var handler = require('./handler.js');
 var date = require('./date.js');
 var file = require('./file.js');
 var form = require('./form.js');
-var loadScript = require('./loadScript.js');
 
 
 
@@ -52,5 +51,3 @@ exports.clearSpace = form.clearSpace;
 exports.genValueByProp = form.genValueByProp;
 exports.getValueByProp = form.getValueByProp;
 exports.setValueByProp = form.setValueByProp;
-exports.protocolcheckLoad = loadScript.protocolcheckLoad;
-exports.svgIconLoad = loadScript.svgIconLoad;

package/lib/version.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "0.2.0";
+const version = "0.2.2";
 
 exports.version = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hy-dispatch-ui-v3",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "scripts": {
@@ -102,9 +102,15 @@
     "./es": {
       "import": "./es/index.mjs"
     },
+    "./es/*": {
+      "import": "./es/*/*.mjs"
+    },
     "./lib": {
       "require": "./lib/index.js"
     },
+    "./lib/*": {
+      "import": "./lib/*/*.js"
+    },
     "./style": {
       "import": "./es/style/index.scss",
       "require": "./lib/style/index.scss"
@@ -113,6 +119,14 @@
       "import": "./es/style/theme.scss",
       "require": "./lib/style/theme.scss"
     },
+    "./static": {
+      "import": "./es/static/index.js",
+      "require": "./lib/static/index.js"
+    },
+    "./static/*": {
+      "import": "./es/static/*.js",
+      "require": "./lib/static/*.js"
+    },
     "./tailwind.css": "./dist/tailwind.css"
   },
   "peerDependencies": {

package/es/utils/loadScript.mjs

@@ -1,33 +0,0 @@
-async function loadPlugins(src) {
-  const res = await fetch(src);
-  const jsCode = await res.text();
-  const runner = new Function(jsCode);
-  runner.call(window);
-}
-let isLoadProtocolcheck = false;
-async function protocolcheckLoad() {
-  if (window.protocolCheck || isLoadProtocolcheck) return;
-  try {
-    await loadPlugins(
-      new URL("../static/protocolcheck.js", import.meta.url).href
-    );
-  } catch (err) {
-    console.error(err);
-  }
-  isLoadSvgIcon = false;
-}
-let isLoadSvgIcon = false;
-async function svgIconLoad() {
-  if (isLoadSvgIcon) return;
-  isLoadSvgIcon = true;
-  try {
-    await loadPlugins(
-      new URL("../static/hy-svg-icons.js", import.meta.url).href
-    );
-  } catch (err) {
-    console.error(err);
-  }
-  isLoadSvgIcon = false;
-}
-
-export { protocolcheckLoad, svgIconLoad };

package/lib/utils/loadScript.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
-async function loadPlugins(src) {
-  const res = await fetch(src);
-  const jsCode = await res.text();
-  const runner = new Function(jsCode);
-  runner.call(window);
-}
-let isLoadProtocolcheck = false;
-async function protocolcheckLoad() {
-  if (window.protocolCheck || isLoadProtocolcheck) return;
-  try {
-    await loadPlugins(
-      new URL("../static/protocolcheck.js", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('utils/loadScript.js', document.baseURI).href))).href
-    );
-  } catch (err) {
-    console.error(err);
-  }
-  isLoadSvgIcon = false;
-}
-let isLoadSvgIcon = false;
-async function svgIconLoad() {
-  if (isLoadSvgIcon) return;
-  isLoadSvgIcon = true;
-  try {
-    await loadPlugins(
-      new URL("../static/hy-svg-icons.js", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('utils/loadScript.js', document.baseURI).href))).href
-    );
-  } catch (err) {
-    console.error(err);
-  }
-  isLoadSvgIcon = false;
-}
-
-exports.protocolcheckLoad = protocolcheckLoad;
-exports.svgIconLoad = svgIconLoad;