linkmore-design 1.0.78 → 1.0.81

package/lib/CardTable/style/index.css

@@ -16,6 +16,7 @@
   padding-bottom: 0;
 }
 .lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row .lm_card_table_body_cell {
+  position: relative;
   width: 100%;
   border: 1px solid transparent;
   overflow: hidden;
@@ -34,21 +35,7 @@
   align-items: center;
   height: 48px;
 }
-.card_PTC {
-  height: 100%;
-}
-.card_PTC .card_PTC_container {
-  position: relative;
-  display: flex;
-  flex-flow: column;
-  gap: 8px;
-  height: 100%;
-  border-radius: 2px;
-  background-color: var(--color-4);
-  padding: calc(var(--gap) * 2);
-  transition: 0.3s;
-}
-.card_PTC .card_PTC_container .card_checkbox {
+.lm_card_table_container .lm_card_table_body_cell .card_checkbox {
   position: absolute;
   top: 8px;
   left: 8px;
@@ -56,16 +43,84 @@
   opacity: 0;
   transition: 0.3s;
 }
-.card_PTC .card_PTC_container .card_checkbox .lm-checkbox {
+.lm_card_table_container .lm_card_table_body_cell .card_checkbox .lm-checkbox {
   font-size: 0;
   border: 8px solid rgba(255, 255, 255, 0.625);
   border-radius: 2px;
   line-height: 1;
 }
-.card_PTC .card_PTC_container .card_checkbox .ant-checkbox {
+.lm_card_table_container .lm_card_table_body_cell .card_checkbox .ant-checkbox {
   margin: 0;
   top: 0;
 }
+.lm_card_table_container .lm_card_table_body_cell .card_extra {
+  position: absolute;
+  right: 8px;
+  top: 8px;
+  z-index: 1;
+  background-color: rgba(255, 255, 255, 0.625);
+  border-radius: 2px;
+  opacity: 0;
+  transition: 0.3s;
+}
+.lm_card_table_container .lm_card_table_body_cell .card_extra > * {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+}
+.lm_card_table_container .lm_card_table_body_cell .card_extra:hover {
+  color: var(--primary-color);
+}
+.lm_card_table_container .lm_card_table_body_cell .card_footer {
+  position: relative;
+  display: flex;
+  align-items: center;
+  background-color: var(--background-color);
+}
+.lm_card_table_container .lm_card_table_body_cell .card_footer > * {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  max-width: initial;
+  height: 40px;
+  border: none;
+  background-color: var(--background-color);
+}
+.lm_card_table_container .lm_card_table_body_cell .card_footer > *::after {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  height: 18px;
+  width: 1px;
+  background-color: var(--color-15);
+}
+.lm_card_table_container .lm_card_table_body_cell .card_footer > *:last-child::after {
+  display: none;
+}
+.lm_card_table_container .lm_card_table_body_cell:hover .card_checkbox,
+.lm_card_table_container .lm_card_table_body_cell:hover .card_extra {
+  opacity: 1;
+}
+.card_PTC {
+  height: 100%;
+}
+.card_PTC .card_PTC_container {
+  position: relative;
+  display: flex;
+  flex-flow: column;
+  gap: 8px;
+  height: 100%;
+  border-radius: 2px;
+  background-color: var(--color-4);
+  padding: calc(var(--gap) * 2);
+  transition: 0.3s;
+}
 .card_PTC .card_PTC_container .PTC_operate {
   position: absolute;
   right: 8px;
@@ -137,10 +192,6 @@
 .card_PTC .card_PTC_container:hover {
   background-color: var(--color-6);
 }
-.card_PTC .card_PTC_container:hover .card_checkbox,
-.card_PTC .card_PTC_container:hover .PTC_operate {
-  opacity: 1;
-}
 .card_PTC .card_PTC_container.checked .card_checkbox {
   opacity: 1;
 }
@@ -148,6 +199,7 @@
   height: 100%;
 }
 .card_PTR .card_PTR_container {
+  position: relative;
   height: 100%;
   display: flex;
   flex-flow: column;
@@ -163,24 +215,6 @@
   padding: calc(var(--gap) * 2);
   overflow: hidden;
 }
-.card_PTR .card_PTR_container .card_PTR_body .card_checkbox {
-  position: absolute;
-  top: 8px;
-  left: 8px;
-  z-index: 1;
-  opacity: 0;
-  transition: 0.3s;
-}
-.card_PTR .card_PTR_container .card_PTR_body .card_checkbox .lm-checkbox {
-  font-size: 0;
-  border: 8px solid rgba(255, 255, 255, 0.625);
-  border-radius: 2px;
-  line-height: 1;
-}
-.card_PTR .card_PTR_container .card_PTR_body .card_checkbox .ant-checkbox {
-  margin: 0;
-  top: 0;
-}
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_left {
   width: 35%;
   min-width: 126px;
@@ -288,13 +322,11 @@
 .card_PTR .card_PTR_container:hover {
   background-color: var(--color-6);
 }
-.card_PTR .card_PTR_container:hover .card_PTR_body .card_checkbox {
-  opacity: 1;
-}
 .card_PTRO {
   height: 100%;
 }
 .card_PTRO .card_PTRO_container {
+  position: relative;
   height: 100%;
   display: flex;
   flex-flow: column;
@@ -310,24 +342,6 @@
   padding: calc(var(--gap) * 2);
   overflow: hidden;
 }
-.card_PTRO .card_PTRO_container .card_PTRO_body .card_checkbox {
-  position: absolute;
-  top: 8px;
-  left: 8px;
-  z-index: 1;
-  opacity: 0;
-  transition: 0.3s;
-}
-.card_PTRO .card_PTRO_container .card_PTRO_body .card_checkbox .lm-checkbox {
-  font-size: 0;
-  border: 8px solid rgba(255, 255, 255, 0.625);
-  border-radius: 2px;
-  line-height: 1;
-}
-.card_PTRO .card_PTRO_container .card_PTRO_body .card_checkbox .ant-checkbox {
-  margin: 0;
-  top: 0;
-}
 .card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_left {
   width: 40%;
   min-width: 126px;
@@ -432,9 +446,7 @@
 .card_PTRO .card_PTRO_container:hover {
   background-color: var(--color-6);
 }
-.card_PTRO .card_PTRO_container:hover .card_PTRO_body .card_checkbox {
-  opacity: 1;
-}
+.hasChecked .lm_card_table_container .lm_card_table_body_cell .card_checkbox,
 .hasChecked .card_PTC .card_PTC_container .card_checkbox,
 .hasChecked .card_PTR .card_PTR_container .card_PTR_body .card_checkbox {
   opacity: 1;

package/lib/ConfigProvider/DisabledContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare type DisabledType = true | false | undefined;
+declare const DisabledContext: React.Context<DisabledType>;
+export interface DisabledContextProps {
+    disabled?: DisabledType;
+    children?: React.ReactNode;
+}
+export declare const DisabledContextProvider: React.FC<DisabledContextProps>;
+export default DisabledContext;

package/lib/ConfigProvider/DisabledContext.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DisabledContextProvider = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var DisabledContext = /*#__PURE__*/React.createContext(false);
+
+var DisabledContextProvider = function DisabledContextProvider(_ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled;
+  var originDisabled = React.useContext(DisabledContext);
+  return /*#__PURE__*/React.createElement(DisabledContext.Provider, {
+    value: disabled || originDisabled
+  }, children);
+};
+
+exports.DisabledContextProvider = DisabledContextProvider;
+var _default = DisabledContext;
+exports.default = _default;

package/lib/ConfigProvider/SizeContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare type SizeType = 'small' | 'middle' | 'large' | undefined;
+declare const SizeContext: React.Context<SizeType>;
+export interface SizeContextProps {
+    size?: SizeType;
+    children?: React.ReactNode;
+}
+export declare const SizeContextProvider: React.FC<SizeContextProps>;
+export default SizeContext;

package/lib/ConfigProvider/SizeContext.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SizeContextProvider = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var SizeContext = /*#__PURE__*/React.createContext(undefined);
+
+var SizeContextProvider = function SizeContextProvider(_ref) {
+  var children = _ref.children,
+      size = _ref.size;
+  return /*#__PURE__*/React.createElement(SizeContext.Consumer, null, function (originSize) {
+    return /*#__PURE__*/React.createElement(SizeContext.Provider, {
+      value: size || originSize
+    }, children);
+  });
+};
+
+exports.SizeContextProvider = SizeContextProvider;
+var _default = SizeContext;
+exports.default = _default;

package/lib/ConfigProvider/context.d.ts

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import type { RequiredMark } from 'antd/es/form/Form';
+import type { Locale } from 'antd/es/locale-provider';
+import type { RenderEmptyHandler } from './defaultRenderEmpty';
+import type { SizeType } from './SizeContext';
+export interface Theme {
+    primaryColor?: string;
+    infoColor?: string;
+    successColor?: string;
+    processingColor?: string;
+    errorColor?: string;
+    warningColor?: string;
+}
+export interface CSPConfig {
+    nonce?: string;
+}
+export declare type DirectionType = 'ltr' | 'rtl' | undefined;
+export interface ConfigConsumerProps {
+    getTargetContainer?: () => HTMLElement;
+    getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
+    rootPrefixCls?: string;
+    iconPrefixCls?: string;
+    getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
+    renderEmpty?: RenderEmptyHandler;
+    csp?: CSPConfig;
+    autoInsertSpaceInButton?: boolean;
+    input?: {
+        autoComplete?: string;
+    };
+    pagination?: {
+        showSizeChanger?: boolean;
+    };
+    locale?: Locale;
+    pageHeader?: {
+        ghost: boolean;
+    };
+    direction?: DirectionType;
+    space?: {
+        size?: SizeType | number;
+    };
+    virtual?: boolean;
+    dropdownMatchSelectWidth?: boolean;
+    form?: {
+        requiredMark?: RequiredMark;
+        colon?: boolean;
+    };
+}
+export declare const ConfigContext: React.Context<ConfigConsumerProps>;
+export declare const ConfigConsumer: React.Consumer<ConfigConsumerProps>;
+declare type IReactComponent<P = any> = React.FC<P> | React.ComponentClass<P> | React.ClassicComponentClass<P>;
+interface BasicExportProps {
+    prefixCls?: string;
+}
+interface ConsumerConfig {
+    prefixCls: string;
+}
+/** @deprecated Use hooks instead. This is a legacy function */
+export declare function withConfigConsumer<ExportProps extends BasicExportProps>(config: ConsumerConfig): <ComponentDef>(Component: IReactComponent) => React.FC<ExportProps> & ComponentDef;
+export {};

package/lib/ConfigProvider/context.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfigContext = exports.ConfigConsumer = void 0;
+exports.withConfigConsumer = withConfigConsumer;
+
+var React = _interopRequireWildcard(require("react"));
+
+var defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
+  if (customizePrefixCls) return customizePrefixCls;
+  return suffixCls ? "ant-".concat(suffixCls) : 'ant';
+}; // zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.
+
+
+var ConfigContext = /*#__PURE__*/React.createContext({
+  // We provide a default function for Context without provider
+  getPrefixCls: defaultGetPrefixCls
+});
+exports.ConfigContext = ConfigContext;
+var ConfigConsumer = ConfigContext.Consumer;
+/** @deprecated Use hooks instead. This is a legacy function */
+
+exports.ConfigConsumer = ConfigConsumer;
+
+function withConfigConsumer(config) {
+  return function withConfigConsumerFunc(Component) {
+    // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods
+    var SFC = function SFC(props) {
+      return /*#__PURE__*/React.createElement(ConfigConsumer, null, function (configProps) {
+        var basicPrefixCls = config.prefixCls;
+        var getPrefixCls = configProps.getPrefixCls;
+        var customizePrefixCls = props.prefixCls;
+        var prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls); // @ts-ignore
+
+        return /*#__PURE__*/React.createElement(Component, Object.assign({}, configProps, props, {
+          prefixCls: prefixCls
+        }));
+      });
+    };
+
+    var cons = Component.constructor;
+    var name = cons && cons.displayName || Component.name || 'Component';
+
+    if (process.env.NODE_ENV !== 'production') {
+      SFC.displayName = "withConfigConsumer(".concat(name, ")");
+    }
+
+    return SFC;
+  };
+}

package/lib/ConfigProvider/cssVariables.d.ts

@@ -0,0 +1,3 @@
+import type { Theme } from './context';
+export declare function getStyle(globalPrefixCls: string, theme: Theme): string;
+export declare function registerTheme(globalPrefixCls: string, theme: Theme): void;

package/lib/ConfigProvider/cssVariables.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = getStyle;
+exports.registerTheme = registerTheme;
+
+var _colors = require("@ant-design/colors");
+
+var _tinycolor = require("@ctrl/tinycolor");
+
+var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
+
+var _dynamicCSS = require("rc-util/lib/Dom/dynamicCSS");
+
+var _warning = _interopRequireDefault(require("../_util/warning"));
+
+/* eslint-disable import/prefer-default-export, prefer-destructuring */
+var dynamicStyleMark = "-ant-".concat(Date.now(), "-").concat(Math.random());
+
+function getStyle(globalPrefixCls, theme) {
+  var variables = {};
+
+  var formatColor = function formatColor(color, updater) {
+    var clone = color.clone();
+    clone = (updater === null || updater === void 0 ? void 0 : updater(clone)) || clone;
+    return clone.toRgbString();
+  };
+
+  var fillColor = function fillColor(colorVal, type) {
+    var baseColor = new _tinycolor.TinyColor(colorVal);
+    var colorPalettes = (0, _colors.generate)(baseColor.toRgbString());
+    variables["".concat(type, "-color")] = formatColor(baseColor);
+    variables["".concat(type, "-color-disabled")] = colorPalettes[1];
+    variables["".concat(type, "-color-hover")] = colorPalettes[4];
+    variables["".concat(type, "-color-active")] = colorPalettes[6];
+    variables["".concat(type, "-color-outline")] = baseColor.clone().setAlpha(0.2).toRgbString();
+    variables["".concat(type, "-color-deprecated-bg")] = colorPalettes[0];
+    variables["".concat(type, "-color-deprecated-border")] = colorPalettes[2];
+  }; // ================ Primary Color ================
+
+
+  if (theme.primaryColor) {
+    fillColor(theme.primaryColor, 'primary');
+    var primaryColor = new _tinycolor.TinyColor(theme.primaryColor);
+    var primaryColors = (0, _colors.generate)(primaryColor.toRgbString()); // Legacy - We should use semantic naming standard
+
+    primaryColors.forEach(function (color, index) {
+      variables["primary-".concat(index + 1)] = color;
+    }); // Deprecated
+
+    variables['primary-color-deprecated-l-35'] = formatColor(primaryColor, function (c) {
+      return c.lighten(35);
+    });
+    variables['primary-color-deprecated-l-20'] = formatColor(primaryColor, function (c) {
+      return c.lighten(20);
+    });
+    variables['primary-color-deprecated-t-20'] = formatColor(primaryColor, function (c) {
+      return c.tint(20);
+    });
+    variables['primary-color-deprecated-t-50'] = formatColor(primaryColor, function (c) {
+      return c.tint(50);
+    });
+    variables['primary-color-deprecated-f-12'] = formatColor(primaryColor, function (c) {
+      return c.setAlpha(c.getAlpha() * 0.12);
+    });
+    var primaryActiveColor = new _tinycolor.TinyColor(primaryColors[0]);
+    variables['primary-color-active-deprecated-f-30'] = formatColor(primaryActiveColor, function (c) {
+      return c.setAlpha(c.getAlpha() * 0.3);
+    });
+    variables['primary-color-active-deprecated-d-02'] = formatColor(primaryActiveColor, function (c) {
+      return c.darken(2);
+    });
+  } // ================ Success Color ================
+
+
+  if (theme.successColor) {
+    fillColor(theme.successColor, 'success');
+  } // ================ Warning Color ================
+
+
+  if (theme.warningColor) {
+    fillColor(theme.warningColor, 'warning');
+  } // ================= Error Color =================
+
+
+  if (theme.errorColor) {
+    fillColor(theme.errorColor, 'error');
+  } // ================= Info Color ==================
+
+
+  if (theme.infoColor) {
+    fillColor(theme.infoColor, 'info');
+  } // Convert to css variables
+
+
+  var cssList = Object.keys(variables).map(function (key) {
+    return "--".concat(globalPrefixCls, "-").concat(key, ": ").concat(variables[key], ";");
+  });
+  return "\n  :root {\n    ".concat(cssList.join('\n'), "\n  }\n  ").trim();
+}
+
+function registerTheme(globalPrefixCls, theme) {
+  var style = getStyle(globalPrefixCls, theme);
+
+  if ((0, _canUseDom.default)()) {
+    (0, _dynamicCSS.updateCSS)(style, "".concat(dynamicStyleMark, "-dynamic-theme"));
+  } else {
+    (0, _warning.default)(false, 'ConfigProvider', 'SSR do not support dynamic theme with css variables.');
+  }
+}

package/lib/ConfigProvider/defaultRenderEmpty.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const defaultRenderEmpty: (componentName?: string) => React.ReactNode;
+export declare type RenderEmptyHandler = typeof defaultRenderEmpty;
+export default defaultRenderEmpty;

package/lib/ConfigProvider/defaultRenderEmpty.js

@@ -0,0 +1,52 @@
+"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;
+
+require("antd/es/empty/style");
+
+var _empty = _interopRequireDefault(require("antd/es/empty"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ = require(".");
+
+var defaultRenderEmpty = function defaultRenderEmpty(componentName) {
+  return /*#__PURE__*/React.createElement(_.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefix = getPrefixCls('empty');
+
+    switch (componentName) {
+      case 'Table':
+      case 'List':
+        return /*#__PURE__*/React.createElement(_empty.default, {
+          image: _empty.default.PRESENTED_IMAGE_SIMPLE
+        });
+
+      case 'Select':
+      case 'TreeSelect':
+      case 'Cascader':
+      case 'Transfer':
+      case 'Mentions':
+        return /*#__PURE__*/React.createElement(_empty.default, {
+          image: _empty.default.PRESENTED_IMAGE_SIMPLE,
+          className: "".concat(prefix, "-small")
+        });
+
+      /* istanbul ignore next */
+
+      default:
+        // Should never hit if we take all the component into consider.
+        return /*#__PURE__*/React.createElement(_empty.default, null);
+    }
+  });
+};
+
+var _default = defaultRenderEmpty;
+exports.default = _default;

package/lib/ConfigProvider/index.d.ts

@@ -0,0 +1,61 @@
+import type { ValidateMessages } from 'rc-field-form/lib/interface';
+import * as React from 'react';
+import type { RequiredMark } from 'antd/es/form/Form';
+import type { Locale } from 'antd/es/locale-provider';
+import type { Theme } from './context';
+import { ConfigConsumer, ConfigConsumerProps, ConfigContext, CSPConfig, DirectionType } from './context';
+import { RenderEmptyHandler } from './defaultRenderEmpty';
+import type { SizeType } from './SizeContext';
+import SizeContext from './SizeContext';
+export { RenderEmptyHandler, ConfigContext, ConfigConsumer, CSPConfig, DirectionType, ConfigConsumerProps, };
+export declare const configConsumerProps: string[];
+export interface ConfigProviderProps {
+    getTargetContainer?: () => HTMLElement;
+    getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
+    prefixCls?: string;
+    iconPrefixCls?: string;
+    children?: React.ReactNode;
+    renderEmpty?: RenderEmptyHandler;
+    csp?: CSPConfig;
+    autoInsertSpaceInButton?: boolean;
+    form?: {
+        validateMessages?: ValidateMessages;
+        requiredMark?: RequiredMark;
+        colon?: boolean;
+    };
+    input?: {
+        autoComplete?: string;
+    };
+    pagination?: {
+        showSizeChanger?: boolean;
+    };
+    locale?: Locale;
+    pageHeader?: {
+        ghost: boolean;
+    };
+    componentSize?: SizeType;
+    componentDisabled?: boolean;
+    direction?: DirectionType;
+    space?: {
+        size?: SizeType | number;
+    };
+    virtual?: boolean;
+    dropdownMatchSelectWidth?: boolean;
+}
+export declare const defaultPrefixCls = "ant";
+export declare const defaultIconPrefixCls = "anticon";
+declare function getGlobalIconPrefixCls(): string;
+declare const setGlobalConfig: ({ prefixCls, iconPrefixCls, theme, }: Pick<ConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {
+    theme?: Theme;
+}) => void;
+export declare const globalConfig: () => {
+    getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
+    getIconPrefixCls: typeof getGlobalIconPrefixCls;
+    getRootPrefixCls: (rootPrefixCls?: string, customizePrefixCls?: string) => string;
+};
+declare const ConfigProvider: React.FC<ConfigProviderProps> & {
+    ConfigContext: typeof ConfigContext;
+    SizeContext: typeof SizeContext;
+    config: typeof setGlobalConfig;
+};
+export default ConfigProvider;