hy-dispatch-ui-v3 0.1.5 → 0.2.0

package/es/static/protocolcheck.js

@@ -0,0 +1,247 @@
+(function (f) {
+  if (typeof exports === 'object' && typeof module !== 'undefined') {
+    module.exports = f();
+  } else if (typeof define === 'function' && define.amd) {
+    define([], f);
+  } else {
+    var g;
+    if (typeof window !== 'undefined') {
+      g = window;
+    } else if (typeof global !== 'undefined') {
+      g = global;
+    } else if (typeof self !== 'undefined') {
+      g = self;
+    } else {
+      g = this;
+    }
+    g.protocolCheck = f();
+  }
+})(function () {
+  return (function e(t, n, r) {
+    function s(o, u) {
+      if (!n[o]) {
+        if (!t[o]) {
+          var a = typeof require == 'function' && require;
+          if (!u && a) return a(o, true)
+          if (i) return i(o, true)
+          var f = new Error("Cannot find module '" + o + "'");
+          throw ((f.code = 'MODULE_NOT_FOUND'), f)
+        }
+        var l = (n[o] = { exports: {} });
+        t[o][0].call(
+          l.exports,
+          function (e) {
+            var n = t[o][1][e];
+            return s(n ? n : e)
+          },
+          l,
+          l.exports,
+          e,
+          t,
+          n,
+          r
+        );
+      }
+      return n[o].exports
+    }
+    var i = typeof require == 'function' && require;
+    for (var o = 0; o < r.length; o++) s(r[o]);
+    return s
+  })(
+    {
+      1: [
+        function (require, module, exports$1) {
+          function _registerEvent(target, eventType, cb) {
+            if (target.addEventListener) {
+              target.addEventListener(eventType, cb);
+              return {
+                remove: function () {
+                  target.removeEventListener(eventType, cb);
+                },
+              }
+            } else {
+              target.attachEvent(eventType, cb);
+              return {
+                remove: function () {
+                  target.detachEvent(eventType, cb);
+                },
+              }
+            }
+          }
+
+          function _createHiddenIframe(target, uri) {
+            var iframe = document.createElement('iframe');
+            iframe.src = uri;
+            iframe.id = 'hiddenIframe';
+            iframe.style.display = 'none';
+            target.appendChild(iframe);
+
+            return iframe
+          }
+
+          function openUriWithHiddenFrame(uri, failCb, successCb) {
+            var timeout = setTimeout(function () {
+              failCb();
+              handler.remove();
+            }, 1000);
+
+            var iframe = document.querySelector('#hiddenIframe');
+            if (!iframe) {
+              iframe = _createHiddenIframe(document.body, 'about:blank');
+            }
+
+            var handler = _registerEvent(window, 'blur', onBlur);
+
+            function onBlur() {
+              clearTimeout(timeout);
+              handler.remove();
+              successCb();
+            }
+
+            iframe.contentWindow.location.href = uri;
+          }
+
+          function openUriUsingFirefox(uri, failCb, successCb) {
+            var iframe = document.querySelector('#hiddenIframe');
+
+            if (!iframe) {
+              iframe = _createHiddenIframe(document.body, 'about:blank');
+            }
+
+            try {
+              iframe.contentWindow.location.href = uri;
+              successCb();
+            } catch (e) {
+              if (e.name == 'NS_ERROR_UNKNOWN_PROTOCOL') {
+                failCb();
+              }
+            }
+          }
+
+          function openUriUsingIEInOlderWindows(uri, failCb, successCb) {
+            if (getInternetExplorerVersion() === 10) {
+              openUriUsingIE10InWindows7(uri, failCb, successCb);
+            } else if (
+              getInternetExplorerVersion() === 9 ||
+              getInternetExplorerVersion() === 11
+            ) {
+              openUriWithHiddenFrame(uri, failCb, successCb);
+            } else {
+              openUriInNewWindowHack(uri, failCb, successCb);
+            }
+          }
+
+          function openUriUsingIE10InWindows7(uri, failCb, successCb) {
+            var timeout = setTimeout(failCb, 1000);
+            window.addEventListener('blur', function () {
+              clearTimeout(timeout);
+              successCb();
+            });
+
+            var iframe = document.querySelector('#hiddenIframe');
+            if (!iframe) {
+              iframe = _createHiddenIframe(document.body, 'about:blank');
+            }
+            try {
+              iframe.contentWindow.location.href = uri;
+            } catch (e) {
+              failCb();
+              clearTimeout(timeout);
+            }
+          }
+
+          function openUriInNewWindowHack(uri, failCb, successCb) {
+            var myWindow = window.open('', '', 'width=0,height=0');
+
+            myWindow.document.write("<iframe src='" + uri + "'></iframe>");
+
+            setTimeout(function () {
+              try {
+                myWindow.location.href;
+                myWindow.setTimeout('window.close()', 1000);
+                successCb();
+              } catch (e) {
+                myWindow.close();
+                failCb();
+              }
+            }, 1000);
+          }
+
+          function openUriWithMsLaunchUri(uri, failCb, successCb) {
+            navigator.msLaunchUri(uri, successCb, failCb);
+          }
+
+          function checkBrowser() {
+            var isOpera =
+              !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
+            var ua = navigator.userAgent.toLowerCase();
+            return {
+              isOpera: isOpera,
+              isFirefox: typeof InstallTrigger !== 'undefined',
+              isSafari:
+                (~ua.indexOf('safari') && !~ua.indexOf('chrome')) ||
+                Object.prototype.toString
+                  .call(window.HTMLElement)
+                  .indexOf('Constructor') > 0,
+              isIOS:
+                /iPad|iPhone|iPod/.test(navigator.userAgent) &&
+                !window.MSStream,
+              isChrome: !!window.chrome && !isOpera,
+              isIE: /*@cc_on!@*/ !!document.documentMode, // At least IE6
+            }
+          }
+
+          function getInternetExplorerVersion() {
+            var rv = -1;
+            if (navigator.appName === 'Microsoft Internet Explorer') {
+              var ua = navigator.userAgent;
+              var re = new RegExp('MSIE ([0-9]{1,}[\.0-9]{0,})');
+              if (re.exec(ua) != null) rv = parseFloat(RegExp.$1);
+            } else if (navigator.appName === 'Netscape') {
+              var ua = navigator.userAgent;
+              var re = new RegExp('Trident/.*rv:([0-9]{1,}[\.0-9]{0,})');
+              if (re.exec(ua) != null) {
+                rv = parseFloat(RegExp.$1);
+              }
+            }
+            return rv
+          }
+
+          module.exports = function (uri, failCb, successCb, unsupportedCb) {
+            function failCallback() {
+              failCb && failCb();
+            }
+
+            function successCallback() {
+              successCb && successCb();
+            }
+
+            if (navigator.msLaunchUri) {
+              //for IE and Edge in Win 8 and Win 10
+              openUriWithMsLaunchUri(uri, failCb, successCb);
+            } else {
+              var browser = checkBrowser();
+
+              if (browser.isFirefox) {
+                openUriUsingFirefox(uri, failCallback, successCallback);
+              } else if (browser.isChrome || browser.isIOS) {
+                // openUriWithTimeoutHack(uri, failCallback, successCallback);
+                openUriWithHiddenFrame(uri, failCallback, successCallback);
+              } else if (browser.isIE) {
+                openUriUsingIEInOlderWindows(uri, failCallback, successCallback);
+              } else if (browser.isSafari) {
+                openUriWithHiddenFrame(uri, failCallback, successCallback);
+              } else {
+                unsupportedCb();
+                //not supported, implement please
+              }
+            }
+          };
+        },
+        {},
+      ],
+    },
+    {},
+    [1]
+  )(1)
+});

package/es/style/element/element.scss

@@ -16311,3 +16311,12 @@
   overflow: auto;
   scrollbar-width: thin;
 }
+
+// 虚拟表格
+.hy-el-table-v2 {
+  color: rgba(var(--hy-main));
+}
+.hy-el-table-v2__header-cell,
+.hy-el-table-v2__row-cell {
+  padding: 0 12px;
+}

package/es/style/element/index.scss

@@ -39,7 +39,6 @@
   --hy-el-table-index: var(--hy-el-index-normal);
   position: relative;
   overflow: hidden;
-  box-sizing: border-box;
   height: -moz-fit-content;
   height: fit-content;
   width: 100%;
@@ -175,13 +174,12 @@
   --hy-el-input-clear-hover-color: var(--hy-el-text-color-secondary);
   --hy-el-input-focus-border-color: rgb(var(--hy-theme));
   --hy-el-input-width: 100%;
-  --hy-el-input-height: var(--hy-el-component-size);
+  // --hy-el-input-height: var(--hy-el-component-size);
   position: relative;
   font-size: var(--hy-el-font-size-base);
   display: inline-flex;
   width: var(--hy-el-input-width);
   line-height: var(--hy-el-input-height);
-  box-sizing: border-box;
   vertical-align: middle;
 }
 
@@ -591,6 +589,7 @@
 // 下拉框
 .hy-el-dropdown__popper.hy-el-popper {
   --hy-el-border-color-light: rgb(var(--hy-border));
+  --hy-el-dropdown-menuItem-hover-fill: rgb(var(--hy-background-3));
 }
 
 .hy-el-dropdown-menu {
@@ -930,3 +929,7 @@
 .hy-el-switch__core .hy-el-switch__inner-wrapper {
   color: rgb(var(--hy-auxiliary));
 }
+
+.hy-el-slider {
+  --hy-el-slider-runway-bg-color: rgba(var(--hy-background));
+}

package/es/style/index.scss

@@ -3,6 +3,7 @@
 * {
   margin: 0;
   padding: 0;
+  box-sizing: border-box;
 }
 html,
 body,
@@ -79,3 +80,13 @@ video {
   -webkit-box-orient: vertical;
   word-break: break-all;
 }
+
+/*禁止选中文本*/
+.user-select-none {
+  -webkit-touch-callout: none; /*系统默认菜单被禁用*/
+  -webkit-user-select: none; /*webkit浏览器*/
+  -khtml-user-select: none; /*早期浏览器*/
+  -moz-user-select: none; /*火狐*/
+  -ms-user-select: none; /*IE10*/
+  user-select: none;
+}

package/es/style/theme.scss

@@ -19,3 +19,76 @@
   --hy-background-4: 16, 38, 59; // 斑马纹备用色
   --hy-border: 54, 93, 132;
 }
+
+.search_lightColor {
+  min-width: 254px;
+  line-height: 32px;
+  background: rgba(var(--hy-background), 1);
+  border-radius: 8px;
+  padding: 4px;
+  display: flex;
+  border: 1px solid rgba(var(--hy-border), 1);
+  transition: 0.3s;
+  position: relative;
+  z-index: 1;
+}
+
+.search_lightColor:focus,
+.search_lightColor:hover {
+  border-color: rgba(var(--hy-theme), 1);
+}
+
+.search_lightColor .hy-el-input .hy-el-input__wrapper {
+  background: rgba(var(--hy-background), 1);
+  border-color: rgba(var(--hy-background), 1);
+  box-shadow: none;
+  padding: 0 26px 0 10px;
+  font-size: 12px;
+  color: rgba(var(--hy-main), 1);
+}
+
+.search_lightColor .hy-el-input .hy-el-input__wrapper:focus,
+.search_lightColor .hy-el-input .hy-el-input__wrapper:hover {
+  border-color: rgba(var(--hy-background), 1);
+  box-shadow: none;
+}
+
+.search_lightColor .searchBox:active {
+  opacity: 0.6;
+}
+
+.search_lightColor .searchBox {
+  width: 42px;
+  height: 32px;
+  background: rgba(var(--hy-background-3), 1);
+  border-radius: 8px;
+  line-height: 30px;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.search_lightColor .searchBox .svgBox {
+  width: 18px;
+  height: 18px;
+  vertical-align: middle;
+}
+
+.deviceType-sos {
+  font-size: 14px;
+  font-weight: bold;
+  color: rgba(var(--hy-danger), 1);
+  position: relative;
+  top: 2px;
+}
+
+.deviceType {
+  font-size: 12px;
+  font-weight: bold;
+  color: rgba(var(--hy-main), 1);
+  background: linear-gradient(270deg, #27acff 0%, #2ddbf4 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}

package/es/utils/date.mjs

@@ -1,3 +1,5 @@
+import { isNumber } from './is.mjs';
+
 function getDefaultValueFormatByType(type = "date") {
   switch (type) {
     case "year":
@@ -20,5 +22,27 @@ function getDefaultValueFormatByType(type = "date") {
       return "YYYY-MM-DD";
   }
 }
+function formatDuration(duration, isSecond = false) {
+  if (!duration || !isNumber(duration)) return;
+  duration = isSecond ? duration * 1e3 : duration;
+  const list = [];
+  if (duration > 60 * 60 * 1e3) {
+    list.push(Math.floor(duration / (60 * 60 * 1e3)));
+    duration = duration % (60 * 60 * 1e3);
+  }
+  if (duration > 60 * 1e3) {
+    list.push(Math.floor(duration / (60 * 1e3)));
+    duration = duration % (60 * 1e3);
+  } else if (!list.length) {
+    list.push(0);
+  }
+  if (duration > 1e3) {
+    list.push(Math.floor(duration / 1e3));
+  } else {
+    list.push(0);
+  }
+  if (!list.length) return;
+  return list.map((val) => val >= 10 ? val : `0${val}`).join(":");
+}
 
-export { getDefaultValueFormatByType };
+export { formatDuration, getDefaultValueFormatByType };

package/es/utils/file.mjs

@@ -0,0 +1,69 @@
+import { unref } from 'vue';
+import { createUniqueId } from './handler.mjs';
+import { useApi } from '../hooks/useApi.mjs';
+
+function blobToDataURL(bolb) {
+  return new Promise((resolve) => {
+    const a = new FileReader();
+    a.onload = function(e) {
+      resolve(e.target.result);
+    };
+    a.readAsDataURL(bolb);
+  });
+}
+async function presignedUrl(file) {
+  const { api } = useApi();
+  const fileList = file.name.split(".");
+  const res = await unref(api).post("file/presignedUrl", {
+    fileName: `${createUniqueId(1)}.${fileList[fileList.length - 1]}`
+  });
+  if (res.code === 200) {
+    return res;
+  } else {
+    return Promise.reject(res);
+  }
+}
+async function fileJsonUplaod(file) {
+  const { api } = useApi();
+  const result = await presignedUrl(file);
+  await unref(api).put(result.data.url, file, {
+    otherUrl: true,
+    xAmzAcl: true
+  });
+  return result;
+}
+async function fileFormUpload(file) {
+  const { api } = useApi();
+  try {
+    const formData = new FormData();
+    formData.append("file", file);
+    const res = await unref(api).post("/file/upload", formData, {
+      otherUrl: true,
+      xAmzAcl: false
+    });
+    return res;
+  } catch (err) {
+    return Promise.reject(err);
+  }
+}
+async function fileUpload(file, directTransmission = true) {
+  if (directTransmission) {
+    return await fileJsonUplaod(file);
+  } else {
+    return await fileFormUpload(file);
+  }
+}
+async function sizeToTextHandler(size) {
+  if (size < Math.pow(1024, 1)) {
+    return `${Math.floor(size / Math.pow(1024, 1) / 100) * 100}KB`;
+  }
+  if (size < Math.pow(1024, 2)) {
+    return `${Math.floor(size / Math.pow(1024, 2) / 100) * 100}MB`;
+  }
+  if (size < Math.pow(1024, 3)) {
+    return `${Math.floor(size / Math.pow(1024, 3) / 100) * 100}GB`;
+  }
+  return `${Math.floor(size / Math.pow(1024, 4) / 100) * 100}TB`;
+}
+
+export { blobToDataURL, fileFormUpload, fileJsonUplaod, fileUpload, presignedUrl, sizeToTextHandler };

package/es/utils/form.mjs

@@ -0,0 +1,52 @@
+import { isString, isArray } from './is.mjs';
+
+function getValueByProp(model, prop) {
+  if (isString(prop)) {
+    prop = prop.split(".").filter(Boolean);
+  }
+  if (!isArray(prop) || !prop?.length) return;
+  return prop.reduce((o, k) => o?.[k], model);
+}
+function setValueByProp(model, prop, value) {
+  let keys = [];
+  if (isString(prop)) {
+    keys = prop.split(".").filter(Boolean);
+  }
+  if (!isArray(keys) || !keys?.length) return;
+  const lastKey = keys.pop();
+  const parent = keys.reduce((o, k) => o?.[k], model);
+  if (parent) {
+    parent[lastKey] = value;
+  }
+}
+function genValueByProp(model = {}, prop, value) {
+  let keys = [];
+  if (isString(prop)) {
+    keys = prop.split(".").filter(Boolean);
+  }
+  if (!isArray(keys) || !keys?.length) return;
+  const lastKey = keys.pop();
+  const parent = keys.reduce((o, k) => {
+    if (!o?.[k]) {
+      o[k] = {};
+    }
+    return o[k];
+  }, model);
+  parent[lastKey] = value;
+  return model;
+}
+function clearSpace(value, type = "between") {
+  if (!isString(value)) return value;
+  if (type === "between") {
+    value = value.replace(/(^ *)|( *$)/g, "");
+  } else if (type === "before") {
+    value = value.replace(/^ */g, "");
+  } else if (type === "after") {
+    value = value.replace(/ *$/g, "");
+  } else if (type === "all") {
+    value = value.replace(/ /g, "");
+  }
+  return value;
+}
+
+export { clearSpace, genValueByProp, getValueByProp, setValueByProp };

package/es/utils/handler.mjs

@@ -4,7 +4,7 @@ function funRunHandler(target, ...args) {
   if (isFunction(target)) {
     return target(...args);
   }
-  return target;
+  return cloneDeep(target);
 }
 const cloneDeep = (target) => {
   if (isVueProxy(target)) {
@@ -78,5 +78,25 @@ const withInstall = (comp) => {
   };
   return comp;
 };
+async function copyText(text) {
+  if (navigator.clipboard) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return;
+    } catch {
+    }
+  }
+  try {
+    const input = document.createElement("textarea");
+    input.value = text;
+    document.body.appendChild(input);
+    input.select();
+    document.execCommand("copy");
+    document.body.removeChild(input);
+  } catch (err) {
+    console.error(err);
+    return Promise.reject();
+  }
+}
 
-export { cloneDeep, createUniqueId, funRunHandler, mergeDeep, withInstall };
+export { cloneDeep, copyText, createUniqueId, funRunHandler, mergeDeep, withInstall };

package/es/utils/index.mjs

@@ -1,6 +1,9 @@
 export { parseRem, pxTorem, remToPx, vwToPx } from './adaptive.mjs';
 export { bus } from './bus.mjs';
 export { base64Decrypt, encryptToBase64, generateRandomCode } from './crypto.mjs';
-export { isArray, isBoolean, isEmpty, isFunction, isNull, isNumber, isObject, isOverflowing, isString, isSymbol, isUndefined, isVueProxy } from './is.mjs';
-export { cloneDeep, createUniqueId, funRunHandler, mergeDeep, withInstall } from './handler.mjs';
-export { getDefaultValueFormatByType } from './date.mjs';
+export { isArray, isBoolean, isEmpty, isFile, isFunction, isNull, isNumber, isObject, isOverflowing, isString, isSupportH265, isSymbol, isUndefined, isVueProxy } from './is.mjs';
+export { cloneDeep, copyText, createUniqueId, funRunHandler, mergeDeep, withInstall } from './handler.mjs';
+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/utils/is.mjs

@@ -9,10 +9,34 @@ const isBoolean = (e) => typeof e === "boolean";
 const isUndefined = (e) => e === void 0;
 const isNull = (e) => e === null;
 const isSymbol = (e) => typeof e === "symbol";
-const isEmpty = (e) => isUndefined(e) || isNull(e) || !isNumber(e) && !e;
+const isEmpty = (e) => !isBoolean(e) && (isUndefined(e) || isNull(e) || !isNumber(e) && !e);
 const isOverflowing = (e) => e.clientWidth < e.scrollWidth || e.clientHeight < e.scrollHeight;
 const isVueProxy = (e) => {
   return isRef(e) || isReactive(e) || isReadonly(e) || isProxy(e);
 };
+const isFile = (e) => {
+  return e instanceof File;
+};
+function isSupportH265() {
+  const ua = navigator.userAgent.toLocaleLowerCase();
+  let isSupport = true;
+  let isVersionLow = false;
+  const chromeMatch = ua.match(/chrome\/(\d+)/) || ua.match(/chromium\/(\d+)/);
+  if (ua.match(/edge\/(\d+)/)) {
+    isSupport = false;
+  } else if (ua.match(/edg\/(\d+)/)) {
+    isSupport = false;
+  } else if (chromeMatch) {
+    const version2 = parseInt(chromeMatch[1], 10);
+    isSupport = true;
+    isVersionLow = !version2 || version2 < 104;
+  } else if (ua.match(/firefox\/(\d+)/)) {
+    isSupport = false;
+  } else if (ua.match(/version\/(\d+)/) && ua.indexOf("safari") > -1) {
+    version = parseInt(RegExp.$1, 10);
+    isSupport = true;
+  }
+  return { isSupport, isVersionLow };
+}
 
-export { isArray, isBoolean, isEmpty, isFunction, isNull, isNumber, isObject, isOverflowing, isString, isSymbol, isUndefined, isVueProxy };
+export { isArray, isBoolean, isEmpty, isFile, isFunction, isNull, isNumber, isObject, isOverflowing, isString, isSupportH265, isSymbol, isUndefined, isVueProxy };

package/es/utils/loadScript.mjs

@@ -0,0 +1,33 @@
+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/es/version.mjs

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