@yilianjituan/yilian_dgerm 0.0.1-alpha.31 → 0.0.1-alpha.33

package/README.md

@@ -120,9 +120,11 @@ MIT
 2、DropDownSelect 参数调试：传入http
 3、组件适配：PageTemplate 差异适配
 4、添加执行命令 build-copy 支持本地打包调试
-5、
-6、
-7、
-8、
-9、
-10、
+
+# 2024.10.31 更新日志
+1、SelectPosition 组件封装
+2、SelectPosition 宿主引用与调试
+3、全局样式调整
+
+# 2024.11.07 更新日志
+1、组件调整：DropDownSelect添加查询控制参数changeNoSearch

package/dist/components/CustomButtonModal/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IProps } from './index.interface';
+declare const Index: React.FC<IProps>;
+export default Index;

package/dist/components/CustomButtonModal/index.interface.d.ts

@@ -0,0 +1,14 @@
+import { ModalProps } from 'antd';
+import { ReactNode } from 'react';
+export interface IProps {
+    trigger: {
+        children: ReactNode;
+        onClick?: (callback?: (action: boolean) => void) => void;
+    };
+    onOpenChange?: (open: boolean) => void;
+    modalProps: Omit<ModalProps, 'onOk' | 'onCancel' | 'open' | 'confirmLoading'> & {
+        handleOk: (close: (action: boolean) => void) => void;
+        handleCancel?: () => void;
+    };
+    children: ReactNode;
+}

package/dist/components/CustomButtonModal/index.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/CustomButtonModal/index.js

@@ -0,0 +1,69 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Modal } from 'antd';
+import React from 'react';
+var Index = function Index(props) {
+  var trigger = props.trigger,
+    onOpenChange = props.onOpenChange,
+    modalProps = props.modalProps,
+    children = props.children;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1]; // 本地 open 状态
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    confirmLoading = _React$useState4[0],
+    setConfirmLoading = _React$useState4[1]; // 本地 confirmLoading 状态
+
+  // 自定义的内部点击逻辑
+  var handleClick = function handleClick() {
+    var _trigger$onClick;
+    var _boolean;
+    trigger === null || trigger === void 0 || (_trigger$onClick = trigger.onClick) === null || _trigger$onClick === void 0 || _trigger$onClick.call(trigger, function (action) {
+      if (action === false) {
+        _boolean = false;
+      }
+    });
+    if (_boolean === false) {
+      return;
+    }
+    openFunChange(true);
+  };
+  var handleOk = function handleOk() {
+    setConfirmLoading(true);
+    modalProps === null || modalProps === void 0 || modalProps.handleOk(function (action) {
+      if (action) {
+        openFunChange(false);
+      }
+      setConfirmLoading(false);
+    }); // 执行 onOk 并获取返回值
+  };
+  var handleCancel = function handleCancel() {
+    var _modalProps$handleCan;
+    openFunChange(false);
+    modalProps === null || modalProps === void 0 || (_modalProps$handleCan = modalProps.handleCancel) === null || _modalProps$handleCan === void 0 || _modalProps$handleCan.call(modalProps); // 如果 modalProps 传递了 onCancel 回调，执行它
+  };
+  var openFunChange = function openFunChange(status) {
+    setOpen(status); // 设置 Modal 打开还是关闭
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(status); // 通知外部状态改变
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(trigger === null || trigger === void 0 ? void 0 : trigger.children, {
+    onClick: handleClick
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "custom_modal__box"
+  }, open && /*#__PURE__*/React.createElement(Modal, _extends({
+    open: true,
+    onOk: handleOk,
+    onCancel: handleCancel,
+    confirmLoading: confirmLoading,
+    destroyOnClose: true,
+    maskClosable: false
+  }, modalProps), children && children, " ")));
+};
+export default Index;

package/dist/components/DateTimePicker/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IProps } from './index.interface';
+declare const Index: React.FC<IProps>;
+export default Index;

package/dist/components/DateTimePicker/index.interface.d.ts

@@ -0,0 +1,6 @@
+export interface IProps {
+    type: 'date' | 'time' | 'dateTime' | 'range';
+    tlTimeLimit?: 'before' | 'after';
+    format?: string;
+    [propName: string]: any;
+}

package/dist/components/DateTimePicker/index.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/DateTimePicker/index.js

@@ -0,0 +1,100 @@
+var _excluded = ["type", "tlTimeLimit", "format"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { DatePicker, TimePicker } from "antd";
+import dayjs from 'dayjs';
+console.log('❗️❌❗️ ~ dayjs:', dayjs);
+var RangePicker = DatePicker.RangePicker;
+// 基于antd，具体参照antd
+var Index = function Index(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'date' : _props$type,
+    tlTimeLimit = props.tlTimeLimit,
+    _props$format = props.format,
+    format = _props$format === void 0 ? 'HH:mm' : _props$format,
+    otherProps = _objectWithoutProperties(props, _excluded);
+
+  // 日期范围处理
+  var range = function range(start, end) {
+    var result = [];
+    for (var i = start; i < end; i++) {
+      result.push(i);
+    }
+    return result;
+  };
+
+  // 日期禁用
+  var disabledDate = function disabledDate(current) {
+    if (tlTimeLimit === 'before') {
+      // 禁用当前时间之前
+      return current && current < dayjs().startOf('days');
+    } else if (tlTimeLimit === 'after') {
+      // 禁用当前时间之后
+      return current && current > dayjs().endOf('days');
+    }
+    return false;
+  };
+
+  // 时间禁用
+  var disabledTime = function disabledTime(current) {
+    // 判断日期是否是今天
+    if (!current || !current.isSame(dayjs(), 'day')) {
+      return {};
+    }
+    var currentHour = dayjs().hour(); // 当前时间
+    var currentMinute = dayjs().minute(); // 当前分钟
+    var currentSecond = dayjs().second(); // 当前秒
+
+    if (tlTimeLimit === 'before') {
+      // 严格限制只能选择当前时间之前的时间
+      return {
+        disabledHours: function disabledHours() {
+          return range(0, currentHour);
+        },
+        disabledMinutes: function disabledMinutes(hour) {
+          return hour === currentHour ? range(0, currentMinute) : [];
+        },
+        disabledSeconds: function disabledSeconds(hour, minute) {
+          return hour === currentHour && minute === currentMinute ? range(0, currentSecond) : [];
+        }
+      };
+    } else if (tlTimeLimit === 'after') {
+      // 严格限制只能选择当前时间之后的时间
+      return {
+        disabledHours: function disabledHours() {
+          return range(currentHour + 1, 24);
+        },
+        disabledMinutes: function disabledMinutes(hour) {
+          return hour === currentHour ? range(currentMinute + 1, 60) : [];
+        },
+        disabledSeconds: function disabledSeconds(hour, minute) {
+          return hour === currentHour && minute === currentMinute ? range(currentSecond + 1, 60) : [];
+        }
+      };
+    }
+    return {};
+  };
+  var typeComponentMap = {
+    date: /*#__PURE__*/React.createElement(DatePicker, _extends({
+      disabledDate: disabledDate
+    }, otherProps)),
+    time: /*#__PURE__*/React.createElement(TimePicker, _extends({
+      format: format,
+      disabledTime: disabledTime
+    }, otherProps)),
+    dateTime: /*#__PURE__*/React.createElement(DatePicker, _extends({
+      showTime: true,
+      format: format,
+      disabledTime: disabledTime,
+      disabledDate: disabledDate
+    }, otherProps)),
+    range: /*#__PURE__*/React.createElement(RangePicker, _extends({
+      disabledTime: disabledTime,
+      disabledDate: disabledDate
+    }, otherProps))
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, typeComponentMap[type], " ");
+};
+export default Index;

package/dist/components/DropDownSelect/index.interface.d.ts

@@ -67,4 +67,8 @@ export interface DropDownSelectProps extends SelectProps {
      * @description 动态参数，处理动态参数的方法
      */
     beforeSearch?: (params: any) => void;
+    /**
+    * @description 是否开启搜索查询
+    */
+    changeNoSearch?: boolean;
 }

package/dist/components/DropDownSelect/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["http", "url", "method", "handleSelect", "showValue", "customInput", "searchValue", "additionalParameters", "dynamicParameter", "beforeSearch", "filterOptionsCallback", "onChange", "mode"];
+var _excluded = ["http", "url", "method", "handleSelect", "showValue", "customInput", "searchValue", "additionalParameters", "dynamicParameter", "beforeSearch", "filterOptionsCallback", "onChange", "changeNoSearch", "mode"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -41,6 +41,8 @@ var Index = function Index(props) {
     beforeSearch = props.beforeSearch,
     filterOptionsCallback = props.filterOptionsCallback,
     _onChange = props.onChange,
+    _props$changeNoSearch = props.changeNoSearch,
+    changeNoSearch = _props$changeNoSearch === void 0 ? true : _props$changeNoSearch,
     _props$mode = props.mode,
     mode = _props$mode === void 0 ? undefined : _props$mode,
     prop = _objectWithoutProperties(props, _excluded);
@@ -135,7 +137,7 @@ var Index = function Index(props) {
   // 选择
   var onChangeSelect = function onChangeSelect(value, option) {
     var _selectRef$current;
-    if (typeof value === 'string') {
+    if (changeNoSearch && typeof value === 'string') {
       paramsRef.current = value;
     }
     mode === undefined && ((_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.blur());

package/dist/components/OcrCommon/index.config.d.ts

@@ -0,0 +1,18 @@
+export declare const fontSizeOpt: {
+    label: string;
+    value: number;
+}[];
+export declare const imgSizeOpt: {
+    label: string;
+    value: number;
+}[];
+export declare const imgRotateOpt: {
+    label: string;
+    value: number;
+}[];
+export declare const ocrDirection: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+};

package/dist/components/OcrCommon/index.config.js

@@ -0,0 +1,67 @@
+export var fontSizeOpt = [{
+  label: 'x0.25',
+  value: 0.25
+}, {
+  label: 'x0.5',
+  value: 0.5
+}, {
+  label: 'x0.75',
+  value: 0.75
+}, {
+  label: 'x1',
+  value: 1
+}, {
+  label: 'x1.25',
+  value: 1.25
+}, {
+  label: 'x1.5',
+  value: 1.5
+}, {
+  label: 'x1.75',
+  value: 1.75
+}, {
+  label: 'x2',
+  value: 2
+}];
+export var imgSizeOpt = [{
+  label: 'x0.25',
+  value: 0.25
+}, {
+  label: 'x0.5',
+  value: 0.5
+}, {
+  label: 'x0.75',
+  value: 0.75
+}, {
+  label: 'x1',
+  value: 1
+}];
+
+// 图片旋转方向
+export var imgRotateOpt = [{
+  label: '0',
+  value: 0
+}, {
+  label: '90',
+  value: 1
+}, {
+  label: '180',
+  value: 2
+}, {
+  label: '270',
+  value: 3
+}];
+
+// ocr识别角度校验
+// 图像方向，当 detect_direction=true 时返回该字段。
+// - - 1：未定义，
+// - 0：正向，
+// - 1：逆时针90度，
+// - 2：逆时针180度，
+// - 3：逆时针270度
+export var ocrDirection = {
+  0: '0',
+  1: '90',
+  2: '180',
+  3: '270'
+};

package/dist/components/OcrCommon/index.d.ts

@@ -0,0 +1,5 @@
+import './index.scss';
+import React from 'react';
+import { CommonOcrModalProps } from './index.interface';
+declare const Index: React.FC<CommonOcrModalProps>;
+export default Index;

package/dist/components/OcrCommon/index.interface.d.ts

@@ -0,0 +1,22 @@
+import { MethodEnum } from "../../commonType/globalEnum";
+export interface IUrl {
+    url: string;
+    method: MethodEnum;
+}
+export interface CommonOcrModalProps {
+    open: boolean;
+    modalProps?: any;
+    showHandleBtn?: boolean;
+    url?: IUrl;
+    http: any;
+    params: any;
+    minWidth?: number;
+    onCancel: () => void;
+    afterRequest?: (params: any) => void;
+    disabled?: boolean;
+}
+export type DirectionEnum = 0 | 1 | 2 | 3;
+export interface OcrResult {
+    direction: DirectionEnum;
+    [key: string]: any;
+}

package/dist/components/OcrCommon/index.interface.js

@@ -0,0 +1 @@
+export {};