linkmore-design 1.0.64 → 1.0.68

package/lib/LmUpload/style/index.css

@@ -0,0 +1,205 @@
+.lm_upload_wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.lm_upload_wrapper .lm_upload_core {
+  display: inline-flex;
+  vertical-align: middle;
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture {
+  font-size: 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border: 1px solid var(--color-15);
+  background-color: var(--color-2);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
+  border-color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action {
+  width: 100%;
+  text-align: center;
+  padding: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .action_plus {
+  color: var(--color-85);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .tip {
+  color: var(--color-45);
+  margin-top: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_progress {
+  width: 100%;
+  height: 2px;
+  background-color: var(--color-4);
+  border-radius: 20px;
+  margin: 10px 0;
+}
+.lm_upload_wrapper .lm_upload_progress .line {
+  width: 0%;
+  height: 2px;
+  transition: 0.3;
+  background-color: var(--primary-color);
+  border-radius: 20px;
+}
+.lm_upload_wrapper .lm_upload_item {
+  vertical-align: middle;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--gap);
+  width: 100%;
+  height: 22px;
+  padding: 0 6px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text:hover {
+  background-color: var(--color-2);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .prefix {
+  font-size: 14px;
+  color: var(--color-45);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .lm_upload_item_name {
+  flex: 1;
+  font-size: 14px;
+  color: var(--primary-color);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right {
+  display: inline-flex;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete {
+  width: 24px;
+  text-align: center;
+  color: var(--color-45);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete .anticon {
+  font-size: 14px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete:hover {
+  color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border: 1px solid var(--color-15);
+  border-radius: 2px;
+  padding: var(--gap);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb {
+  width: 100%;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb .anticon {
+  font-size: 34px;
+  color: var(--color-45);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb img {
+  object-fit: contain;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_error .lm_upload_item_name {
+  font-size: 12px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  margin-top: 8px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask {
+  position: absolute;
+  inset: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  transition: 0.3s;
+  z-index: 1;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask .lm_upload_item_action {
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+  color: #fff;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card:hover .lm_upload_item_mask {
+  opacity: 1;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error {
+  border-color: var(--error-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_mask {
+  display: none;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_error {
+  color: var(--error-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--gap);
+  width: 100%;
+  border: 1px solid var(--color-15);
+  border-radius: 2px;
+  padding: var(--gap);
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture:hover {
+  border-color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb {
+  width: 48px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb img {
+  width: 100%;
+  max-height: 80px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_name {
+  flex: 1;
+  font-size: 14px;
+  color: var(--primary-color);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right {
+  display: flex;
+  align-items: center;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete {
+  width: 24px;
+  text-align: center;
+  color: var(--color-45);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete .anticon {
+  font-size: 14px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete:hover {
+  color: var(--primary-color);
+}

package/lib/LmUpload/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/lib/LmUpload/utils.d.ts

@@ -0,0 +1,4 @@
+export declare function isClassComponent(component: any): any;
+export declare function isExoticComponent(component: any): boolean;
+export declare function isReactComponent(component: any): any;
+export declare const render: (Comp: any, props: any) => any;

package/lib/LmUpload/utils.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isClassComponent = isClassComponent;
+exports.isExoticComponent = isExoticComponent;
+exports.isReactComponent = isReactComponent;
+exports.render = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _react = _interopRequireDefault(require("react"));
+
+// 检查是否类组件
+function isClassComponent(component) {
+  return typeof component === 'function' && function () {
+    var proto = Object.getPrototypeOf(component);
+    return proto.prototype && proto.prototype.isReactComponent;
+  }();
+} // 检查是否自定义组件
+
+
+function isExoticComponent(component) {
+  return (0, _typeof2.default)(component) === 'object' && (0, _typeof2.default)(component.$$typeof) === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
+} // 检查是否React组件
+
+
+function isReactComponent(component) {
+  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+}
+
+var render = function render(Comp, props) {
+  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/_react.default.createElement(Comp, Object.assign({}, props)) : Comp;
+};
+
+exports.render = render;

package/lib/LmUpload/view/index.d.ts

@@ -0,0 +1,4 @@
+declare const LmUploadView: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default LmUploadView;

package/lib/LmUpload/view/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var LmUploadView = function LmUploadView(_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_view'
+  }, "view");
+};
+
+var _default = LmUploadView;
+exports.default = _default;

package/lib/LmUpload/wrapper/Upload.d.ts

@@ -0,0 +1,4 @@
+declare const LmUpload: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default LmUpload;

package/lib/LmUpload/wrapper/Upload.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _UploadCore = _interopRequireDefault(require("../body/UploadCore"));
+
+// 上传组件组合
+var LmUpload = function LmUpload(_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/React.createElement(_UploadCore.default, {
+    instance: instance
+  });
+};
+
+var _default = LmUpload;
+exports.default = _default;

package/lib/LmUpload/wrapper/UploadContainer.d.ts

@@ -0,0 +1,4 @@
+declare const LmUploadContainer: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default LmUploadContainer;

package/lib/LmUpload/wrapper/UploadContainer.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Upload = _interopRequireDefault(require("./Upload"));
+
+// 上传组件主体区域
+var LmUploadContainer = function LmUploadContainer(_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/React.createElement(_Upload.default, {
+    instance: instance
+  });
+};
+
+var _default = LmUploadContainer;
+exports.default = _default;

package/lib/LmUpload/wrapper/UploadRoot.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/LmUpload/wrapper/UploadRoot.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reducer = _interopRequireWildcard(require("./reducer"));
+
+var _fns = _interopRequireDefault(require("../fns"));
+
+var _UploadWrapper = _interopRequireDefault(require("./UploadWrapper"));
+
+// 根文件 => 参数聚合
+var LmUploadRoot = function LmUploadRoot(props, ref) {
+  var initialState = (0, _react.useMemo)(function () {
+    return (0, _reducer.initialState)(props);
+  }, []);
+
+  var _useReducer = (0, _react.useReducer)(_reducer.default, initialState),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1]; // 获取核心Methods
+
+
+  var _useCoreOptions = (0, _fns.default)({
+    state: state,
+    dispatch: dispatch,
+    props: props
+  }),
+      CoreMethods = _useCoreOptions.CoreMethods,
+      RefMethods = _useCoreOptions.RefMethods; // 组件实例
+
+
+  var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
+    state: state,
+    dispatch: dispatch
+  }); // 向外暴露出的方法
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return Object.assign({}, RefMethods);
+  });
+  return /*#__PURE__*/_react.default.createElement(_UploadWrapper.default, {
+    instance: instance
+  });
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmUploadRoot);
+
+exports.default = _default;

package/lib/LmUpload/wrapper/UploadWrapper.d.ts

@@ -0,0 +1,4 @@
+declare const LmUploadWrapper: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default LmUploadWrapper;

package/lib/LmUpload/wrapper/UploadWrapper.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _UploadContainer = _interopRequireDefault(require("./UploadContainer"));
+
+var _UploadList = _interopRequireDefault(require("../UploadList"));
+
+var _view = _interopRequireDefault(require("../view"));
+
+// 包裹上传组件区域： 拓展其他结构
+var LmUploadWrapper = function LmUploadWrapper(_ref) {
+  var instance = _ref.instance;
+  var wrapper = instance.components.wrapper;
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_wrapper'
+  }, wrapper === null || wrapper === void 0 ? void 0 : wrapper( /*#__PURE__*/React.createElement(_UploadContainer.default, {
+    instance: instance
+  }), /*#__PURE__*/React.createElement(_UploadList.default, {
+    instance: instance
+  })), /*#__PURE__*/React.createElement(_view.default, {
+    instance: instance
+  }));
+};
+
+var _default = LmUploadWrapper;
+exports.default = _default;

package/lib/LmUpload/wrapper/reducer.d.ts

@@ -0,0 +1,8 @@
+export declare const reducer: (state: any, action: any) => any;
+export declare const initialState: (props: any) => {
+    upload: any;
+    process: number;
+    status: string;
+    fileList: any;
+};
+export default reducer;

package/lib/LmUpload/wrapper/reducer.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reducer = exports.initialState = exports.default = void 0;
+
+// 状态管理操作
+var reducer = function reducer(state, action) {
+  var fileList = action.fileList,
+      percent = action.percent;
+
+  switch (action.type) {
+    case 'changeFileList':
+      return Object.assign(Object.assign({}, state), {
+        fileList: fileList
+      });
+
+    case 'changePercent':
+      return Object.assign(Object.assign({}, state), {
+        percent: percent
+      });
+
+    default:
+      throw new Error();
+  }
+}; // 仅在初始化时触发一次
+
+
+exports.reducer = reducer;
+
+var initialState = function initialState(props) {
+  var defaultFileList = props.defaultFileList,
+      upload = props.upload;
+  return {
+    upload: upload,
+    process: 0,
+    status: 'done',
+    fileList: defaultFileList
+  };
+};
+
+exports.initialState = initialState;
+var _default = reducer;
+exports.default = _default;

package/lib/Modal/index.d.ts

@@ -4,7 +4,7 @@ export interface ILMModalProps extends ModalProps {
     wrapClassName?: string;
     size?: 'default' | 'small';
 }
-declare const LMModal: React.FC<ModalProps> & import("antd/lib/modal/confirm").ModalStaticFunctions & {
+declare const LMModal: React.FC<ILMModalProps> & React.FC<ModalProps> & import("antd/lib/modal/confirm").ModalStaticFunctions & {
     useModal: typeof import("antd/lib/modal/useModal").default;
     destroyAll: () => void;
     config: typeof import("antd/lib/modal/confirm").modalGlobalConfig;

package/lib/Popconfirm/index.d.ts

@@ -0,0 +1,3 @@
+import { Popconfirm } from "antd";
+export type { PopconfirmProps } from 'antd';
+export default Popconfirm;

package/lib/Popconfirm/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/popconfirm/style");
+
+var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
+
+var _default = _popconfirm.default;
+exports.default = _default;