@teamix/pro 1.6.0-beta.4 → 1.6.0-beta.5

package/lib/form/locales/validate.d.ts

@@ -0,0 +1,159 @@
+declare const _default: {
+    en: {
+        pattern: string;
+        required: string;
+        number: string;
+        integer: string;
+        url: string;
+        email: string;
+        ipv6: string;
+        ipv4: string;
+        idcard: string;
+        taodomain: string;
+        qq: string;
+        phone: string;
+        money: string;
+        zh: string;
+        date: string;
+        zip: string;
+        len: string;
+        min: string;
+        maximum: string;
+        exclusiveMaximum: string;
+        minimum: string;
+        exclusiveMinimum: string;
+        max: string;
+        whitespace: string;
+    };
+    'en-us': {
+        pattern: string;
+        required: string;
+        number: string;
+        integer: string;
+        url: string;
+        email: string;
+        ipv6: string;
+        ipv4: string;
+        idcard: string;
+        taodomain: string;
+        qq: string;
+        phone: string;
+        money: string;
+        zh: string;
+        date: string;
+        zip: string;
+        len: string;
+        min: string;
+        maximum: string;
+        exclusiveMaximum: string;
+        minimum: string;
+        exclusiveMinimum: string;
+        max: string;
+        whitespace: string;
+    };
+    zh: {
+        pattern: string;
+        required: string;
+        number: string;
+        integer: string;
+        url: string;
+        email: string;
+        ipv6: string;
+        ipv4: string;
+        idcard: string;
+        taodomain: string;
+        qq: string;
+        phone: string;
+        money: string;
+        zh: string;
+        date: string;
+        zip: string;
+        len: string;
+        min: string;
+        max: string;
+        maximum: string;
+        exclusiveMaximum: string;
+        minimum: string;
+        exclusiveMinimum: string;
+        whitespace: string;
+    };
+    'zh-cn': {
+        pattern: string;
+        required: string;
+        number: string;
+        integer: string;
+        url: string;
+        email: string;
+        ipv6: string;
+        ipv4: string;
+        idcard: string;
+        taodomain: string;
+        qq: string;
+        phone: string;
+        money: string;
+        zh: string;
+        date: string;
+        zip: string;
+        len: string;
+        min: string;
+        max: string;
+        maximum: string;
+        exclusiveMaximum: string;
+        minimum: string;
+        exclusiveMinimum: string;
+        whitespace: string;
+    };
+    'zh-tw': {
+        pattern: string;
+        required: string;
+        number: string;
+        integer: string;
+        url: string;
+        email: string;
+        ipv6: string;
+        ipv4: string;
+        idcard: string;
+        taodomain: string;
+        qq: string;
+        phone: string;
+        money: string;
+        zh: string;
+        date: string;
+        zip: string;
+        len: string;
+        min: string;
+        max: string;
+        maximum: string;
+        exclusiveMaximum: string;
+        minimum: string;
+        exclusiveMinimum: string;
+        whitespace: string;
+    };
+    ja: {
+        url: string;
+        whitespace: string;
+        zh: string;
+        zip: string;
+        date: string;
+        email: string;
+        exclusiveMaximum: string;
+        exclusiveMinimum: string;
+        idcard: string;
+        integer: string;
+        ipv4: string;
+        ipv6: string;
+        len: string;
+        max: string;
+        maximum: string;
+        min: string;
+        minimum: string;
+        money: string;
+        number: string;
+        pattern: string;
+        phone: string;
+        qq: string;
+        required: string;
+        taodomain: string;
+    };
+};
+export default _default;

package/lib/form/schemaNameMap.d.ts

@@ -0,0 +1,5 @@
+declare const schemaNameMap: {
+    formily: string;
+    proForm: string;
+}[];
+export default schemaNameMap;

package/lib/form/typing.d.ts

@@ -0,0 +1,194 @@
+import type { ReactNode } from 'react';
+import type { IFormFeedback as InnerFormFeedback, Form as FormType, FieldPatternTypes } from '@formily/core';
+import type { IFormLayoutProps } from '@teamix/formily';
+import type { CommonRequestConfig } from '@teamix/utils';
+import type { UrlStateOptions } from '@teamix/hooks';
+import React from 'react';
+interface AnyObject {
+    [propName: string]: any;
+}
+declare type FieldDisplayTypes = 'none' | 'hidden' | 'visible';
+export interface ProFormInitializeItem {
+    (item: ProFormSchemaItem, props?: any): ProFormSchemaItem;
+}
+/**
+ * ProForm 实例类型
+ */
+export declare type ProFormType = FormType;
+/**
+ * ProForm 反馈类型
+ */
+export declare type IFormFeedback = InnerFormFeedback;
+declare type IBaseComponent = 'Input' | 'Password' | 'TextArea' | 'NumberPicker' | 'Percent' | 'Money' | 'Select' | 'MultipleSelect' | 'TreeSelect' | 'Cascader' | 'MultipleCascader' | 'ArbitraryCascader' | 'Radio' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker' | 'DateTimePicker' | 'WeekPicker' | 'MonthPicker' | 'YearPicker' | 'QuarterPicker' | 'DateRangePicker' | 'TimeRangePicker' | 'DateTimeRangePicker' | 'WeekRangePicker' | 'MonthRangePicker' | 'YearRangePicker' | 'QuarterRangePicker' | 'Transfer' | 'Upload' | 'ColorPicker' | 'ColorRadio' | 'IconPicker' | 'JsonInput' | 'TagPicker' | 'MultipleTagPicker' | 'Range' | 'Search' | 'SelectGroup' | 'SelectTable' | 'SelectTable.Column';
+declare type IButtonComponent = 'Submit' | 'Reset';
+declare type IComboComponent = 'ArrayCards' | 'ArrayCards.Addition' | 'ArrayCards.Remove' | 'ArrayCards.MoveUp' | 'ArrayCards.MoveDown' | 'ArrayCards.Index' | 'ArrayCollapse' | 'ArrayCollapse.CollapsePanel' | 'ArrayCollapse.Addition' | 'ArrayCollapse.Remove' | 'ArrayCollapse.MoveUp' | 'ArrayCollapse.MoveDown' | 'ArrayCollapse.Index' | 'ArrayTable' | 'ArrayTable.Column' | 'ArrayTable.SortHandle' | 'ArrayTable.Addition' | 'ArrayTable.Remove' | 'ArrayTable.MoveDown' | 'ArrayTable.MoveUp' | 'ArrayTable.Index' | 'ArrayItems' | 'ArrayItems.Item' | 'ArrayItems.SortHandle' | 'ArrayItems.Addition' | 'ArrayItems.Remove' | 'ArrayItems.MoveDown' | 'ArrayItems.MoveUp' | 'ArrayItems.Index' | 'Editable' | 'Editable.Popover' | 'Editable.Dialog' | 'Editable.Drawer';
+declare type ILayoutComponent = 'FormFlex' | 'FormGrid' | 'FormGroup' | 'FormGroup.GroupPanel' | 'Search' | 'Search.SearchPanel' | 'FormTab' | 'FormTab.TabPane' | 'FormStep' | 'FormStep.StepPane' | 'FormCollapse' | 'FormCollapse.CollapsePanel' | 'FormButtonGroup' | 'FormDialog' | 'FormDrawer' | 'FormDialog.Footer' | 'FormDrawer.Footer';
+export interface ProFormCommonRequestConfig extends CommonRequestConfig {
+    beforeRequest?: (field?: any, context?: any) => any;
+    formatResult?: (res?: any, field?: any, context?: any) => any;
+    onSuccess?: (res?: any, field?: any, context?: any) => any;
+}
+export interface ProFormRequestConfig extends Omit<ProFormCommonRequestConfig, 'url'> {
+    url?: string;
+    customRequest?: (field?: any, context?: any) => Promise<any>;
+    extraConfig?: AnyObject;
+    onComplete?: (res?: any, field?: any, context?: any) => any;
+}
+export interface CascadeWhen {
+    left: string;
+    op: string;
+    right: any;
+}
+export interface Cascade {
+    when: CascadeWhen[];
+    logic?: '||' | '&&';
+    props?: any;
+    state?: any;
+    dataSourceFilter?: any[];
+    dataSourceHide?: any[];
+}
+export interface OnChange {
+    when: CascadeWhen[];
+    logic?: '||' | '&&';
+    values: any;
+}
+export interface ProFormSchemaItem {
+    type?: string;
+    name?: string;
+    description?: React.ReactNode;
+    title?: string;
+    component?: IBaseComponent | IButtonComponent | IComboComponent | ILayoutComponent | any;
+    props?: AnyObject | any;
+    decorator?: string | null;
+    decoratorProps?: AnyObject;
+    dataSource?: any[] | string | ProFormRequestConfig;
+    reactions?: any;
+    rules?: any;
+    items?: ProFormSchemaItem;
+    children?: ProFormSchemaItem[];
+    content?: any;
+    tooltip?: string;
+    required?: boolean;
+    display?: FieldDisplayTypes;
+    visible?: boolean | string;
+    hidden?: boolean | string;
+    disabled?: boolean | string;
+    readOnly?: boolean | string;
+    readPretty?: boolean | string;
+    pattern?: FieldPatternTypes;
+    default?: any;
+    request?: ProFormRequestConfig | ProFormRequestConfig[];
+    data?: AnyObject;
+    cascade?: Cascade[];
+    onChange?: OnChange[];
+}
+export declare type ProFormSchema = ProFormSchemaItem[];
+interface AutoLayout {
+    autoLabel?: boolean;
+}
+export interface ProFormProps extends Omit<IFormLayoutProps, 'breakpoints'> {
+    form?: FormType | false;
+    schema?: ProFormSchema;
+    scope?: any;
+    context?: any;
+    components?: {
+        [key: string]: React.FC | React.ComponentClass;
+    };
+    children?: React.ReactNode;
+    initialValues?: AnyObject;
+    initialRequest?: ProFormCommonRequestConfig;
+    previewTextPlaceholder?: ReactNode;
+    validateFirst?: boolean;
+    onChangeType?: 'form';
+    onChange?: (values: any, fieldValue?: any, fieldName?: any) => any;
+    onSubmit?: ((values: any) => any) | CommonRequestConfig;
+    onSubmitFailed?: (feedbacks: IFormFeedback[]) => void;
+    onInitialComplete?: (form: FormType) => void;
+    breakpoints?: number[] | boolean;
+    autoLayout?: AutoLayout | boolean;
+    component?: any;
+}
+export interface FilterProps extends ProFormProps {
+    form: FormType;
+    defaultFilterValue?: string;
+    filterValues?: string[];
+    activeFilterValueRef?: React.MutableRefObject<any>;
+    forceClear?: boolean;
+    onReset?: (payload?: any) => void;
+}
+export interface QueryFilterLayoutProps {
+    prefixCls?: string;
+    className?: string;
+    addonBefore?: ReactNode | any;
+    addonAfter?: ReactNode | any;
+    inlineContent?: ReactNode;
+    panelContent?: ReactNode;
+    count?: number;
+    expand?: boolean;
+    onExpand?: (expand: boolean) => void;
+    children?: React.ReactNode;
+}
+export interface QueryFilterProps extends ProFormProps {
+    /**
+     * @deprecated triggerType已弃用
+     */
+    triggerType?: 'keydown' | 'change' | 'submit';
+    /** 表单展示形式 */
+    mode?: 'inline' | 'panel';
+    /** 面板模式下是否仅展示面板 */
+    purePanel?: boolean;
+    /** 面板是否默认展开，仅在 mode='panel' 时生效 */
+    expand?: boolean;
+    gridProps?: any;
+    /** 是否强制清除 */
+    forceClear?: boolean;
+    /** 顶部筛选区前缀 */
+    addonBefore?: ReactNode | any;
+    /** 顶部筛选区后缀 */
+    addonAfter?: ReactNode | any;
+    /** 顶部筛选区默认筛选项 */
+    defaultFilterValue?: string;
+    /** 顶部筛选区筛选项配置 */
+    filterValues?: string[];
+    /** 透出内部表单实例 */
+    formRef?: React.MutableRefObject<any>;
+    /** onChange事件的防抖时间 */
+    filterDebounce?: number;
+    /** 绑定URL参数 */
+    bindUrl?: boolean | UrlStateOptions;
+    /** 表单初始化（含异步默认值）后回调函数 */
+    onInit?: (values: any) => void;
+    /** 表单筛选回调函数 */
+    onFilter?: (values: any) => void;
+    /** 表单重置回调函数 */
+    onReset?: (payload?: any) => void;
+    /** 高级筛选按钮切换 */
+    onExpand?: (expand: boolean) => void;
+}
+/**
+ * 兼容性导出
+ */
+/**
+ * @deprecated 将在未来移除该组件，建议使用 QueryFilter 代替
+ */
+export interface IFilterProps extends ProFormProps {
+    triggerType?: 'keydown' | 'change' | 'submit';
+    onFilter?: (values: any) => void;
+    onReset?: (payload?: any) => void;
+}
+/**
+ * @deprecated 将在未来移除，建议使用 ProFormSchemaItem 代替
+ */
+export interface IFormSchemaItem extends ProFormSchemaItem {
+}
+/**
+ * @deprecated 将在未来移除，建议使用 ProFormSchema 代替
+ */
+export interface IFormSchema extends ProFormSchema {
+}
+/**
+ * @deprecated 将在未来移除，建议使用 ProFormProps 代替
+ */
+export interface IFormProps extends ProFormProps {
+}
+export {};

package/lib/form/typing.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/form/utils/parseSchema.d.ts

@@ -0,0 +1,3 @@
+import { ProFormSchema } from '../typing';
+export declare function parseSchema(schema: ProFormSchema): ProFormSchema;
+export declare function parseSchemaObject(props: Object): Object;

package/lib/form/utils/parseSchema.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseSchema = parseSchema;
+exports.parseSchemaObject = parseSchemaObject;
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function parseSchema(schema) {
+  return schema.map(function (item) {
+    var _item$reactions;
+    if ((_item$reactions = item.reactions) === null || _item$reactions === void 0 ? void 0 : _item$reactions.fulfill) {
+      var _item$reactions2;
+      return _objectSpread(_objectSpread({}, item), {}, {
+        reactions: _objectSpread(_objectSpread({}, item.reactions), {}, {
+          fulfill: parseSchemaObject(item === null || item === void 0 ? void 0 : (_item$reactions2 = item.reactions) === null || _item$reactions2 === void 0 ? void 0 : _item$reactions2.fulfill)
+        })
+      });
+    }
+    return item;
+  });
+}
+function parseSchemaObject(props) {
+  var result = Object.entries(props).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      k = _ref2[0],
+      v = _ref2[1];
+    if (k === 'state') {
+      return [k, parseSchemaObject(v)];
+    }
+    if (typeof v === 'function') {
+      return [k, "{{ (".concat(v.toString(), ")({deps: $deps, self: $self, form: $form, values: $values, target: $target, index: $index}) }}")];
+    }
+    return [k, v];
+  });
+  return Object.fromEntries(result);
+}

package/lib/form/utils.d.ts

@@ -0,0 +1,55 @@
+/**
+ * 映射字段size，主要是default转medium
+ * @param props component的props
+ * @param field 当前字段实例
+ * @returns 映射后的字段属性
+ */
+declare const mapSize: (props: any, field: any) => any;
+/**
+ * 映射字段state
+ * @param props component的props
+ * @param field 当前字段实例
+ * @returns 映射后的字段属性
+ */
+declare const mapStatus: (props: any, field: any) => any;
+declare const mapDataSource: (props: any, field: any) => any;
+declare const mapMode: (props: any, field: any) => any;
+/**
+ * 创建字段名称
+ * @param prefix 字段名称前缀，接收字段component名称，默认为FieldName
+ * @param suffix 字段后缀，唯一标识
+ * @returns 字段唯一名称
+ */
+interface IGetFieldName {
+    (prefix: string, suffix?: string): string;
+}
+declare const getFieldName: IGetFieldName;
+/**
+ * 将ProForm的key映射为formily的key，然后筛除掉无效的key/value
+ * @param obj
+ * @returns
+ */
+declare const mapSchemaName: (obj: any) => any;
+/**
+ * 合并数组或非数组，不移除无效值
+ * @param arr 数组
+ * @param v 数组或其他
+ * @returns 合并数组或合并其他值
+ */
+declare const mergeArrayValue: (arr: any[], v?: any) => any[];
+/**
+ * 初始化请求配置为表达式
+ * @param config 请求配置
+ * @param suffix scope名称后缀
+ * @returns 表达式和scope上下文
+ */
+declare const initializeRequestExpression: (config?: any, mode?: string, suffix?: string) => {
+    expression: string;
+    scope: {
+        [x: string]: object;
+    };
+} | {
+    expression?: undefined;
+    scope?: undefined;
+};
+export { mapSize, mapStatus, mapDataSource, mapMode, mergeArrayValue, getFieldName, mapSchemaName, initializeRequestExpression, };

package/lib/form/utils.js

@@ -37,7 +37,6 @@ var mapSize = function mapSize(props, field) {
     size: props.size || takeSize()
   });
 };
-
 /**
  * 映射字段state
  * @param props component的props
@@ -99,20 +98,12 @@ var mapMode = function mapMode(props, field) {
     mode: (field === null || field === void 0 ? void 0 : field.readPretty) ? 'read' : 'edit'
   });
 };
-
-/**
- * 创建字段名称
- * @param prefix 字段名称前缀，接收字段component名称，默认为FieldName
- * @param suffix 字段后缀，唯一标识
- * @returns 字段唯一名称
- */
 exports.mapMode = mapMode;
 var getFieldName = function getFieldName() {
   var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'FieldName';
   var suffix = arguments.length > 1 ? arguments[1] : undefined;
   return "".concat(prefix, "-").concat(suffix);
 };
-
 /**
  * 将ProForm的key映射为formily的key，然后筛除掉无效的key/value
  * @param obj
@@ -145,7 +136,6 @@ var mapSchemaName = function mapSchemaName(obj) {
   });
   return temp;
 };
-
 /**
  * 合并数组或非数组，不移除无效值
  * @param arr 数组
@@ -159,7 +149,6 @@ var mergeArrayValue = function mergeArrayValue(arr, v) {
   }
   return [].concat(_toConsumableArray(arr), [v]);
 };
-
 /**
  * 初始化请求配置为表达式
  * @param config 请求配置

package/lib/form/warning.d.ts

@@ -0,0 +1,3 @@
+import type { ProFormInitializeItem } from './typing';
+declare const warning: ProFormInitializeItem;
+export default warning;

package/lib/form/warning.js

@@ -9,11 +9,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var warning = function warning(item) {
   var newItem = _objectSpread({}, item);
-
   // if (xxx) {
   //   console.warn('xxx');
   // }
-
   return newItem;
 };
 var _default = warning;

package/lib/global.scss

@@ -1,3 +1,5 @@
+@import "./xconsole.scss";
+@import "next-xconsole";
 // transition 切换主题优化，暂时先写到 pro 里，后面加到基础组件里
 
 // table 行背景色
@@ -42,4 +44,4 @@ button.next-btn.next-medium.next-btn-normal {
 // 可关闭tag
 .next-tag.next-tag.next-tag.next-tag-closable.next-tag-level-normal.next-tag-closable {
   transition: color 0s;
-}
+}

package/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import * as hooks from '@teamix/hooks';
+export default hooks;

package/lib/image/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare type ProImageProps = {
+    src: {
+        /** 中文亮色图片地址，默认 url */
+        'cn-light': string;
+        /** 英文文亮色图片地址 */
+        'en-light'?: string;
+        /** 繁体亮色图片地址 */
+        'tw-light'?: string;
+        /** 中文暗色图片地址 */
+        'cn-dark'?: string;
+        /** 英文暗色图片地址 */
+        'en-dark'?: string;
+        /** 繁体暗色图片地址 */
+        'tw-dark'?: string;
+    } & Record<string, string>;
+    theme?: 'dark' | 'light';
+    /** 自定义改造 url 的函数 */
+    transformUrl?: (value: string) => string;
+} & React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+declare const _default: (props: ProImageProps) => JSX.Element | null;
+export default _default;

package/lib/image/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("@teamix/utils");
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _excluded = ["src", "transformUrl", "theme"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+var localeMap = {
+  'en-us': 'en',
+  'zh-cn': 'cn',
+  'zh-tW': 'tw'
+};
+var _default = function _default(props) {
+  var src = props.src,
+    transformUrl = props.transformUrl,
+    themeProp = props.theme,
+    extra = _objectWithoutProperties(props, _excluded);
+  var _useState = (0, _react.useState)(themeProp || 'light'),
+    _useState2 = _slicedToArray(_useState, 2),
+    theme = _useState2[0],
+    setTheme = _useState2[1];
+  var targetSrc = src ? src['cn-light'] : '';
+  var lan = localeMap[(0, _utils.getLanguage)().toLowerCase()] || 'cn';
+  function getTheme() {
+    var _window$getComputedSt, _window;
+    var cssTheme = (_window$getComputedSt = (_window = window).getComputedStyle) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.call(_window, window.document.body).getPropertyValue('--alicloudfe-components-theme').trim();
+    if (cssTheme.indexOf('-dark') !== -1) {
+      return 'dark';
+    } else {
+      return 'light';
+    }
+  }
+  function setImgTheme() {
+    setTheme(props.theme || getTheme());
+  }
+  (0, _ahooks.useMutationObserver)(function (mutationsList) {
+    mutationsList.forEach(function (mutation) {
+      if (mutation.attributeName === 'class') {
+        setImgTheme();
+      }
+    });
+  }, document.querySelector('html'), {
+    attributes: true
+  });
+  (0, _ahooks.useMutationObserver)(function (mutationsList) {
+    mutationsList.forEach(function (mutation) {
+      if (mutation.attributeName === 'class') {
+        setImgTheme();
+      }
+    });
+  }, document.body, {
+    attributes: true
+  });
+  // const theme = props.theme || getTheme() || 'light';
+  targetSrc = src["".concat(lan, "-").concat(theme)] || src["".concat(lan, "-light")] || src["cn-".concat(theme)] || src['cn-light'];
+  if (targetSrc && transformUrl) {
+    targetSrc = transformUrl(targetSrc);
+  }
+  if (!targetSrc) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("img", _objectSpread({
+    src: targetSrc
+  }, extra));
+};
+exports.default = _default;

package/lib/image/index.scss

@@ -0,0 +1,3 @@
+.teamix-pro-image {
+  color: var(--color-brand1-6);
+}