@lingxiteam/ebe-utils 0.5.6 → 0.5.8

package/lib/public/src/components/pcfactory/src/utils/hooks/useRules.ts

@@ -0,0 +1,89 @@
+import { Rule } from 'antd/lib/form';
+import { useState } from 'react';
+import { useCreation } from '../ahooks';
+import { getRegExp } from '../common';
+
+/**
+ * 通用规则获取
+ * @param regexp 规则列表
+ */
+export const getRegexpRules = (regexp: any[] | any, getLocale?: any): any[] => {
+  const _rules = [];
+  if (regexp) {
+    if (Array.isArray(regexp)) {
+      regexp?.forEach((exp) => {
+        const { pattern, message: newMsg } = exp;
+        if (pattern && newMsg) {
+          _rules.push({
+            pattern: typeof pattern === 'string' ? getRegExp(pattern) : pattern,
+            message: newMsg,
+          });
+        }
+      });
+    } else {
+      _rules.push({
+        pattern: typeof regexp === 'string' ? getRegExp(regexp) : regexp,
+        message: getLocale?.('warnFormat') || '格式不正确',
+      });
+    }
+  }
+  return _rules;
+};
+
+export interface RuleInterface {
+  pattern?: RegExp;
+  required?: boolean;
+  message: string;
+}
+
+/**
+ * 输入型控件通用规则
+ * @param param0
+ * @returns
+ */
+const useRules = (
+  {
+    required,
+    regexp,
+    rules,
+    message,
+    name,
+  }: {
+    required: boolean;
+    regexp: any[] | any;
+    rules: any[];
+    message?: string;
+    name: string;
+  },
+  getLocale?: any,
+  lang?: string,
+): [Rule[], (rules: RuleInterface[], isAppendLastTime: boolean) => void] => {
+  const [extendRules, temSetExtendRules] = useState<Rule[]>([]);
+
+  const setExtendRules = (
+    rules: RuleInterface[],
+    isAppendLastTime: boolean,
+  ) => {
+    if (Array.isArray(rules)) {
+      if (isAppendLastTime === true) {
+        temSetExtendRules([...extendRules, ...(rules || [])]);
+      } else {
+        temSetExtendRules(rules);
+      }
+    }
+  };
+  const finalRules = useCreation<{ rules: RuleInterface[] }>(() => {
+    let _rules: RuleInterface[] = [
+      { required, message: getLocale?.('notEmpty', { name }) },
+      ...getRegexpRules(regexp),
+    ];
+    _rules = [..._rules, ...(rules || []), ...extendRules];
+    return {
+      rules: _rules,
+    };
+  }, [required, regexp, extendRules, rules, lang]);
+
+  return [finalRules.rules, setExtendRules];
+};
+
+export default useRules;

package/lib/public/src/components/pcfactory/src/utils/hooks/useTestHelper.ts

@@ -0,0 +1,26 @@
+interface TestHelperOptions {
+  fieldName?: string;
+  disabled?: boolean;
+  // value: any;
+}
+
+export const toString = (val: any) => {
+  if (!val) {
+    return val;
+  }
+
+  if (typeof val === 'object') {
+    return JSON.stringify(val);
+  }
+
+  return val;
+};
+
+export const getTestHelperProps = (props: TestHelperOptions) => {
+  const { fieldName, disabled } = props;
+  return {
+    'aria-label': fieldName,
+    // 'aria-valuetext': value,
+    'aria-disabled': disabled,
+  };
+};

package/lib/public/src/components/pcfactory/src/utils/hooks/useToggleBoolean.ts

@@ -0,0 +1,33 @@
+import { useCallback, useState } from 'react';
+import { useListenProps } from './useListenState';
+
+/**
+ * 布尔值切换
+ * @param defaultValue 默认值
+ * @returns
+ */
+export const useToggleBoolean = (
+  defaultValue: any,
+): [boolean, (val: boolean | 'toggle') => void] => {
+  const [state, setState] = useState<boolean>(defaultValue);
+  const setToggleState = useCallback(
+    (val: boolean | 'toggle') => {
+      setState(val === 'toggle' ? !state : val);
+    },
+    [state],
+  );
+  return [state, setToggleState];
+};
+
+export const useListenToggleBoolean = (
+  defaultValue: any,
+): [boolean, (val: boolean | 'toggle') => void] => {
+  const [state, setState] = useListenProps<boolean>(defaultValue);
+  const setToggleState = useCallback(
+    (val: boolean | 'toggle') => {
+      setState(val === 'toggle' ? !state : val);
+    },
+    [state],
+  );
+  return [state, setToggleState];
+};

package/lib/public/src/components/pcfactory/src/utils/index.ts

@@ -0,0 +1,19 @@
+export { default as basicStatusTransfer } from './basicStatusTransfer';
+export * from './ChildRender';
+export {
+  DynamicDataProvider,
+  useDynamicData,
+} from './dynamicUtils/DynamicContext';
+export type { DynamicDataContext } from './dynamicUtils/DynamicContext';
+export * from './formUtils/cmdHelper';
+export * from './formUtils/common';
+export { FormProvider, useForm } from './formUtils/FormContext';
+export type { FormContextProps } from './formUtils/FormContext';
+export * from './formUtils/FormFields';
+export { default as useCommonImperativeHandle } from './hooks/useCommonImperativeHandle';
+export { default as useDataMask } from './hooks/useDataMask';
+export { default as useHiddenStyle } from './hooks/useHiddenStyle';
+export * from './hooks/useListenState';
+export * from './hooks/usePrintMode';
+export * from './hooks/useRules';
+export * from './hooks/useToggleBoolean';

package/lib/public/src/components/pcfactory/src/utils/polyfill.js

@@ -0,0 +1,305 @@
+/* eslint-disable */
+/**
+ * @description  CSS resize polyfill for IE/Edge
+ * @author       zhangxinxu(.com)
+ * @document     https://www.zhangxinxu.com/wordpress/?p=8839
+ * @demo         https://www.zhangxinxu.com/study/201908/textarea-resize-polyfill-demo.php
+ * @license      MIT 鍙互鍏嶈垂浣跨敤锛屼絾浣滆€呭拰鏂囨。鍑哄闇€瑕佷繚鐣�
+ */
+
+/**
+ * closest polyfill
+ */
+if (!Element.prototype.matches) {
+  Element.prototype.matches =
+    Element.prototype.msMatchesSelector ||
+    Element.prototype.webkitMatchesSelector;
+}
+
+if (!Element.prototype.closest) {
+  Element.prototype.closest = function (s) {
+    let el = this;
+
+    do {
+      if (el.matches(s)) return el;
+      el = el.parentElement || el.parentNode;
+    } while (el !== null && el.nodeType === 1);
+
+    return null;
+  };
+}
+
+/**
+ * NodeList forEach support
+ */
+if (window.NodeList && !NodeList.prototype.forEach) {
+  NodeList.prototype.forEach = Array.prototype.forEach;
+}
+
+/**
+ * resize polyfill
+ */
+if (
+  typeof window.getComputedStyle(document.body).resize === 'undefined' &&
+  window.HTMLTextAreaElement
+) {
+  HTMLTextAreaElement.prototype.setResize = function () {
+    // 鍏冪礌
+    const textarea = this;
+    // 鏍峰紡鐨勬帶鍒朵笌澶勭悊
+    const styleDisplay = window.getComputedStyle(textarea).display;
+    let target = textarea.store && textarea.store.resize;
+    let resize = null;
+    // 鏂囨湰鍩熺殑id
+    let { id } = textarea;
+    if (!id) {
+      id = `r${Math.random()}`.replace('0.', '');
+      textarea.id = id;
+    }
+    // 鑾峰彇resize灞炴€у€�
+    let attrResize = textarea.getAttribute('resize');
+
+    if (
+      typeof attrResize === 'string' &&
+      attrResize !== 'vertical' &&
+      attrResize !== 'horizontal'
+    ) {
+      attrResize = 'both';
+    }
+    if (typeof attrResize !== 'string') {
+      return;
+    }
+
+    // 鍒涘缓妯℃嫙鎷変几鐨勫熀鏈厓绱�
+    if (!target) {
+      target = document.createElement('span');
+      resize = document.createElement('label');
+      resize.setAttribute('for', id);
+      target.appendChild(resize);
+      // 涓€浜涘浐瀹氱殑鏍峰紡璁剧疆
+      target.style.position = 'relative';
+      target.style.verticalAlign =
+        window.getComputedStyle(textarea).verticalAlign;
+
+      resize.style.position = 'absolute';
+      resize.style.width = '17px';
+      resize.style.height = '17px';
+      resize.style.background =
+        "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M765.558 510.004a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0zM765.558 821.46a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0zM422.15700000000004 821.46a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0zM422.15700000000004 510.004a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0zM765.558 202.54a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0zM66.77700000000002 821.46a93.65 93.65 0 1 0 191.665 0 93.65 93.65 0 1 0-191.665 0z' fill='%23BFBFBF'/%3E%3C/svg%3E\") no-repeat center";
+      resize.style.bottom = '0';
+      resize.style.right = '0';
+      resize.style.backgroundSize = '12px 12px';
+      // 鍦╰extarea鍏冪礌鍚庨潰鏄剧ず
+      textarea.insertAdjacentElement('afterend', target);
+      textarea.store = textarea.store || {};
+      textarea.store.resize = target;
+
+      // 浜嬩欢
+      const store = {};
+      resize.addEventListener('mousedown', (event) => {
+        store.resizing = true;
+        store.startX = event.pageX;
+        store.startY = event.pageY;
+        // 姝ゆ椂textarea鐨勫昂瀵�
+        store.offsetWidth = textarea.offsetWidth;
+        store.offsetHeight = textarea.offsetHeight;
+
+        event.preventDefault();
+      });
+
+      document.addEventListener('mousemove', (event) => {
+        if (!store.resizing) {
+          return;
+        }
+        event.preventDefault();
+
+        const currentX = event.pageX;
+        const currentY = event.pageY;
+
+        const moveX = currentX - store.startX;
+        const moveY = currentY - store.startY;
+
+        let currentWidth = store.offsetWidth + moveX;
+        let currentHeight = store.offsetHeight + moveY;
+
+        if (currentWidth < 40) {
+          currentWidth = 40;
+        }
+        if (currentHeight < 40) {
+          currentHeight = 40;
+        }
+
+        // 灏哄璁剧疆
+        if (attrResize === 'both' || attrResize === 'horizontal') {
+          textarea.style.width = `${currentWidth}px`;
+          if (target.style.display === 'block') {
+            target.style.width = `${currentWidth}px`;
+          }
+        }
+        if (attrResize === 'both' || attrResize === 'vertical') {
+          textarea.style.height = `${currentHeight}px`;
+          if (/inline/.test(styleDisplay)) {
+            target.style.height = `${currentHeight}px`;
+          }
+        }
+      });
+
+      document.addEventListener('mouseup', () => {
+        if (store.resizing) {
+          store.resizing = false;
+        }
+      });
+    }
+
+    if (styleDisplay === 'none') {
+      target.style.display = 'none';
+    } else if (/inline/.test(styleDisplay)) {
+      target.style.display = 'inline-block';
+      target.style.height = `${textarea.offsetHeight}px`;
+    } else {
+      target.style.display = 'block';
+      target.style.width = `${textarea.offsetWidth}px`;
+    }
+  };
+
+  HTMLTextAreaElement.prototype.initResize = function () {
+    this.setResize();
+
+    // 鏇存柊涓庡鐞�
+    this.addEventListener(
+      'DOMAttrModified',
+      function () {
+        this.setResize();
+      },
+      false,
+    );
+  };
+
+  window.addEventListener('DOMContentLoaded', () => {
+    document.querySelectorAll('textarea[resize]').forEach((textarea) => {
+      textarea.initResize();
+    });
+
+    // 鎻掑叆鍐呭鏃跺€欑殑鑷姩鍒濆鍖�
+    document.body.addEventListener('DOMNodeInserted', (event) => {
+      // 鎻掑叆鐨勫厓绱�
+      const { target } = event;
+
+      if (
+        typeof target.matches === 'function' &&
+        target.matches('textarea[resize]') &&
+        (!target.store || !target.store.resize)
+      ) {
+        target.initResize();
+      }
+    });
+  });
+}
+
+/**
+ * CSS.escape polyfill
+ */
+/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */
+(function (root, factory) {
+  // https://github.com/umdjs/umd/blob/master/returnExports.js
+  if (typeof exports === 'object') {
+    // For Node.js.
+    module.exports = factory(root);
+    // eslint-disable-next-line no-undef
+  } else if (typeof define === 'function' && define.amd) {
+    // For AMD. Register as an anonymous module.
+    // eslint-disable-next-line no-undef
+    define([], factory.bind(root, root));
+  } else {
+    // For browser globals (not exposing the function separately).
+    factory(root);
+  }
+})(typeof global !== 'undefined' ? global : this, (root) => {
+  if (root.CSS && root.CSS.escape) {
+    return root.CSS.escape;
+  }
+
+  // https://drafts.csswg.org/cssom/#serialize-an-identifier
+  const cssEscape = function (value) {
+    if (arguments.length === 0) {
+      throw new TypeError('`CSS.escape` requires an argument.');
+    }
+    const string = String(value);
+    const { length } = string;
+    let index = -1;
+    let codeUnit;
+    let result = '';
+    const firstCodeUnit = string.charCodeAt(0);
+
+    if (
+      // If the character is the first character and is a `-` (U+002D), and
+      // there is no second character, […]
+      length === 1 &&
+      firstCodeUnit === 0x002d
+    ) {
+      return `\\${string}`;
+    }
+
+    while (++index < length) {
+      codeUnit = string.charCodeAt(index);
+      // Note: there’s no need to special-case astral symbols, surrogate
+      // pairs, or lone surrogates.
+
+      // If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
+      // (U+FFFD).
+      if (codeUnit === 0x0000) {
+        result += '\uFFFD';
+        continue;
+      }
+
+      if (
+        // If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
+        // U+007F, […]
+        (codeUnit >= 0x0001 && codeUnit <= 0x001f) ||
+        codeUnit == 0x007f ||
+        // If the character is the first character and is in the range [0-9]
+        // (U+0030 to U+0039), […]
+        (index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039) ||
+        // If the character is the second character and is in the range [0-9]
+        // (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
+        (index == 1 &&
+          codeUnit >= 0x0030 &&
+          codeUnit <= 0x0039 &&
+          firstCodeUnit == 0x002d)
+      ) {
+        // https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
+        result += `\\${codeUnit.toString(16)} `;
+        continue;
+      }
+
+      // If the character is not handled by one of the above rules and is
+      // greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
+      // is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
+      // U+005A), or [a-z] (U+0061 to U+007A), […]
+      if (
+        codeUnit >= 0x0080 ||
+        codeUnit == 0x002d ||
+        codeUnit == 0x005f ||
+        (codeUnit >= 0x0030 && codeUnit <= 0x0039) ||
+        (codeUnit >= 0x0041 && codeUnit <= 0x005a) ||
+        (codeUnit >= 0x0061 && codeUnit <= 0x007a)
+      ) {
+        // the character itself
+        result += string.charAt(index);
+        continue;
+      }
+
+      // Otherwise, the escaped character.
+      // https://drafts.csswg.org/cssom/#escape-a-character
+      result += `\\${string.charAt(index)}`;
+    }
+    return result;
+  };
+
+  if (!root.CSS) {
+    root.CSS = {};
+  }
+
+  root.CSS.escape = cssEscape;
+  return cssEscape;
+});

package/lib/public/src/components/pcfactory/src/utils/renderReadOnly.tsx

@@ -0,0 +1,105 @@
+import { cloneDeep } from 'lodash';
+
+const className = 'ued-input-readonly';
+
+// 富文本
+export const renderRichText = (str: string) => {
+  // eslint-disable-next-line react/no-danger
+  return (
+    <div
+      style={{ lineHeight: 'normal' }}
+      dangerouslySetInnerHTML={{ __html: str || '--' }}
+    />
+  );
+};
+
+// 密码输入控件
+export const renderPassword = (str: string) => {
+  return str ? renderReadOnly(str, { type: 'password' }) : renderReadOnly('--');
+};
+
+// 日期类型
+export const renderDatePicker = (str: string | string[], separator: any) => {
+  let finalStr: any = str;
+  if (Array.isArray(str) && typeof separator === 'string') {
+    finalStr = str.join(separator);
+  }
+  return renderReadOnly(finalStr || '--');
+};
+
+// 通用 单选 多选 级联 label提取
+export const renderCommonList = (
+  value: any,
+  options: any[],
+  fieldName: {
+    labelKey: string;
+    valueKey: string;
+    childrenKey: string;
+  } = {
+    labelKey: 'label',
+    valueKey: 'value',
+    childrenKey: 'children',
+  },
+) => {
+  const { labelKey, valueKey, childrenKey } = fieldName;
+  const getLabelName = (list: any[], val: any) => {
+    const row = list?.find?.((o) => o[valueKey] === val);
+    return row ? row[labelKey] : '';
+  };
+  const loopValue = (
+    list: any[],
+    val: any[],
+    split: string = '，',
+    isCascade: boolean = false,
+  ) => {
+    let lastList = list || [];
+    const res: any[] =
+      val?.map((curVal, idx) => {
+        if (Array.isArray(curVal)) {
+          // TODO list获取有问题
+          return loopValue(cloneDeep(lastList), curVal, '/', true);
+        }
+        const resStr = getLabelName(cloneDeep(lastList), curVal);
+        // 级联需要把当前的list替换成children
+        if (isCascade) {
+          const currentRow = lastList.find((o) => o[valueKey] === curVal);
+          if (currentRow?.[childrenKey]) {
+            lastList = currentRow?.[childrenKey] || [];
+          }
+        }
+        return resStr;
+      }) || [];
+    return res.join(split);
+  };
+  let label: string = '';
+  if (!Array.isArray(value)) {
+    label = getLabelName(options, value);
+  } else {
+    label = loopValue(options, value);
+  }
+  return renderReadOnly(label || '--');
+};
+
+export const flattenTreeData = (
+  treeList: any[],
+  childrenName: string = 'children',
+): any[] => {
+  const res: any[] = [];
+  const cpList = cloneDeep(treeList);
+  const loopList = (list: any[]) => {
+    (list || []).forEach((o) => {
+      res.push(o);
+      if (o?.[childrenName] && o?.[childrenName]?.length > 0) {
+        loopList(o[childrenName]);
+      }
+    });
+  };
+  loopList(cpList);
+  return res;
+};
+
+const renderReadOnly = (val: string, props?: any) => {
+  return <span className={className}>{val}</span>;
+};
+
+export default renderReadOnly;

package/lib/public/src/components/pcfactory/src/variables.ts

@@ -0,0 +1,2 @@
+// 该文件请勿手动修改，由prebuild脚本自动生成该文件
+export const antPrefix = 'pcfactory';

package/lib/public/src/components/pcfactory/typings.d.ts

@@ -0,0 +1,27 @@
+declare module '*.less';
+declare module '*.svg';
+declare module '*.png';
+// declare module 'antd';
+declare module 'react-soundplayer/components';
+declare module 'react-soundplayer/addons';
+declare module 'echarts/lib/echarts';
+
+// eslint-disable-next-line no-underscore-dangle
+declare const __VERSION__: string;
+// eslint-disable-next-line no-underscore-dangle
+declare const __BUILD_DATE__: string;
+
+declare interface Window {
+  wufengController: {
+    getAction: (
+      key: ActionType,
+      params: WufengAction | WufengAction[],
+    ) => Promise<any>;
+    registerIcons: (key: string, e: any) => void;
+  };
+  appId: string;
+  LingxiPCFactory: {
+    VERSION: string;
+    BUILD_DATE: string;
+  };
+}

package/lib/public/src/hooks/useGenerateContext.ts

@@ -0,0 +1,73 @@
+import { parse } from 'qs';
+import { useMemo, useRef } from 'react';
+
+/**
+ * 生成基础上下文
+ * @param baseContext
+ */
+const useGenerateContext = (
+  props: Record<string, any>,
+  baseContext: Record<string, any> = {},
+  options: Record<string, any> = {},
+) => {
+  // 指令定时器存储
+  const actionTimerRef = useRef<Record<string, any>>({
+    timeout: {},
+    interval: {},
+  });
+
+  // 清除定时器
+  const clearActionTimer = (timerName: string) => {
+    const actionTimer = actionTimerRef.current;
+    if (actionTimer.interval?.[timerName]) {
+      clearInterval(actionTimer.interval[timerName]);
+      actionTimer.interval[timerName] = null;
+    }
+    if (actionTimer.timeout?.[timerName]) {
+      clearTimeout(actionTimer.timeout[timerName]);
+      actionTimer.timeout[timerName] = null;
+    }
+  };
+
+  // 增加指令定时器
+  const addActionTimer = (
+    type: 'interval' | 'timeout' = 'timeout',
+    timerName: string,
+    callback: () => void,
+    time: number = 0,
+  ) => {
+    const actionTimer = actionTimerRef.current;
+    clearActionTimer(type);
+    const delay = time > 0 ? +time : 0;
+    if (type === 'interval') {
+      actionTimer.interval[timerName] = setInterval(() => {
+        callback?.();
+      }, delay);
+    }
+    if (type === 'timeout') {
+      actionTimer.interval[timerName] = setTimeout(() => {
+        callback?.();
+      }, delay);
+    }
+  };
+
+  /**
+   * url参数
+   */
+  const urlParam = useMemo(() => {
+    const queryParams = parse((location?.search ?? '?')?.split('?')[1]);
+    return {
+      ...queryParams,
+      ...props.urlParam,
+    };
+  }, [props.urlParam]);
+
+  return {
+    ...baseContext,
+    urlParam,
+    clearActionTimer,
+    addActionTimer,
+  };
+};
+
+export default useGenerateContext;