@lemon-fe/components 0.1.154 → 1.1.0-alpha.1

package/es/index.d.ts

@@ -1,33 +1,44 @@
+export type { ColDef, ColGroupDef, ColumnState, GridOptions, GridReadyEvent, ICellEditorParams, ICellRendererParams, IHeaderParams, RowDataUpdatedEvent, CellValueChangedEvent, NavigateToNextCellParams, TabToNextCellParams, AgGridEvent, GroupCellRendererParams as IGroupCellRendererParams, Column, CellPosition, IRowNode, } from '@ag-grid-community/core';
+export { GridApi, ColumnApi } from '@ag-grid-community/core';
+export * from '@ag-grid-community/react';
 export * from './constants';
-export { default as PageLoading } from './PageLoading';
-export { default as Actions } from './Actions';
-export { default as Filter } from './Filter';
-export type { FilterItemType } from './Filter/typings';
-export { default as BaseTable } from './BaseTable';
-export type { BaseTableProps, ColumnType, ColumnsType } from './BaseTable/typings';
-export { default as Section } from './Section';
-export { default as Layout } from './Layout';
-export { default as Table } from './Table';
-export type { TableProps, TableRef } from './Table/typings';
-export { default as DurationPicker } from './DurationPicker';
-export { default as InputMaxLength } from './InputMaxLength';
-export { default as TipMark } from './TipMark';
-export { default as ColorPicker } from './ColorPicker';
-export { default as EditableTable } from './EditableTable';
-export { default as EditableCell } from './EditableTable/EditableCell';
-export { default as EditableTableFormItem } from './EditableTable/EditableTableFormItem';
-export type { EditableTableProps, EditableTableColumnType, EditableCellFocusedType, EditableTableRef, EditableTableRule, } from './EditableTable/typings';
-export { default as Popup } from './Popup';
-export { default as SiderTree } from './SiderTree';
-export { default as Icons } from './Icons';
-export { default as FormLayout } from './FormLayout';
-export { default as MainFramework } from './MainFramework';
-export { default as init } from './init';
-export { default as FormHorizontal } from './FormHorizontal';
-export { default as FormInline } from './FormInline';
-export { default as FormTable } from './FormTable';
-export type { FormTableColumnType, FormTableProps, FormTableRef } from './FormTable/typings';
-export { default as TabBar } from './TabBar';
-export { default as SymbolIcon } from './SymbolIcon';
-export { default as Dropdown } from './Dropdown';
-export { default as SelectView } from './SelectView';
+export { default as BaseTable } from './base-table';
+export type { BaseTableProps, ColumnsType, ColumnGroupType, ColumnType, } from './base-table/typings';
+export { default as EditableTable } from './editable-table';
+export { default as EditableCell } from './editable-table/editable-cell';
+export { default as EditableTableFormItem } from './editable-table/editable-table-form-item';
+export type { EditableTableProps, EditableTableColumnType, EditableCellFocusedType, EditableTableRef, EditableTableRule, } from './editable-table/typings';
+export { default as Table } from './table';
+export type { TableRef } from './table/typings';
+export { default as PageLoading } from './page-loading';
+export { default as Actions } from './actions';
+export { default as Filter } from './filter';
+export type { FilterItemType, FilterProps, ComponentOption } from './filter/typings';
+export { default as Section } from './section';
+export { default as Layout } from './layout';
+export { default as DurationPicker } from './duration-picker';
+export type { DurationPickerValue } from './duration-picker';
+export { default as ColorPicker } from './color-picker';
+export { default as Popup } from './popup';
+export type { BasePopupProps, PopupProps } from './popup';
+export { default as SiderTree } from './sider-tree';
+export type { TreeData } from './sider-tree/typings';
+export { default as Icons } from './icons';
+export { default as FormLayout } from './form-layout';
+export { default as TabBar } from './tab-bar';
+export { default as SymbolIcon } from './symbol-icon';
+export { default as Dropdown } from './dropdown';
+export { default as SelectView } from './select-view';
+export { default as DataGrid } from './data-grid';
+export * from './data-grid/typings';
+export * from './data-grid/hooks';
+export { default as TipMark } from './tip-mark';
+export { default as Portal } from './portal';
+export { default as State } from './state';
+export { default as GreyPanel } from './grey-panel';
+export { default as Alert } from './alert';
+export { default as InputNumber } from './input-number';
+export { default as InputCompact } from './input-compact';
+export { default as SelectPanel } from './select-panel';
+export * from './component-configure';
+export { default as EmptyImage } from './empty-image';

package/es/index.js

@@ -1,28 +1,36 @@
-export * from './constants';
-export { default as PageLoading } from './PageLoading';
-export { default as Actions } from './Actions';
-export { default as Filter } from './Filter';
-export { default as BaseTable } from './BaseTable';
-export { default as Section } from './Section';
-export { default as Layout } from './Layout';
-export { default as Table } from './Table';
-export { default as DurationPicker } from './DurationPicker';
-export { default as InputMaxLength } from './InputMaxLength';
-export { default as TipMark } from './TipMark';
-export { default as ColorPicker } from './ColorPicker';
-export { default as EditableTable } from './EditableTable';
-export { default as EditableCell } from './EditableTable/EditableCell';
-export { default as EditableTableFormItem } from './EditableTable/EditableTableFormItem';
-export { default as Popup } from './Popup';
-export { default as SiderTree } from './SiderTree';
-export { default as Icons } from './Icons';
-export { default as FormLayout } from './FormLayout';
-export { default as MainFramework } from './MainFramework';
-export { default as init } from './init';
-export { default as FormHorizontal } from './FormHorizontal';
-export { default as FormInline } from './FormInline';
-export { default as FormTable } from './FormTable';
-export { default as TabBar } from './TabBar';
-export { default as SymbolIcon } from './SymbolIcon';
-export { default as Dropdown } from './Dropdown';
-export { default as SelectView } from './SelectView';
+export { GridApi, ColumnApi } from '@ag-grid-community/core';
+export * from '@ag-grid-community/react';
+export * from "./constants";
+export { default as BaseTable } from "./base-table";
+export { default as EditableTable } from "./editable-table";
+export { default as EditableCell } from "./editable-table/editable-cell";
+export { default as EditableTableFormItem } from "./editable-table/editable-table-form-item";
+export { default as Table } from "./table";
+export { default as PageLoading } from "./page-loading";
+export { default as Actions } from "./actions";
+export { default as Filter } from "./filter";
+export { default as Section } from "./section";
+export { default as Layout } from "./layout";
+export { default as DurationPicker } from "./duration-picker";
+export { default as ColorPicker } from "./color-picker";
+export { default as Popup } from "./popup";
+export { default as SiderTree } from "./sider-tree";
+export { default as Icons } from "./icons";
+export { default as FormLayout } from "./form-layout";
+export { default as TabBar } from "./tab-bar";
+export { default as SymbolIcon } from "./symbol-icon";
+export { default as Dropdown } from "./dropdown";
+export { default as SelectView } from "./select-view";
+export { default as DataGrid } from "./data-grid";
+export * from "./data-grid/typings";
+export * from "./data-grid/hooks";
+export { default as TipMark } from "./tip-mark";
+export { default as Portal } from "./portal";
+export { default as State } from "./state";
+export { default as GreyPanel } from "./grey-panel";
+export { default as Alert } from "./alert";
+export { default as InputNumber } from "./input-number";
+export { default as InputCompact } from "./input-compact";
+export { default as SelectPanel } from "./select-panel";
+export * from "./component-configure";
+export { default as EmptyImage } from "./empty-image";

package/es/input-compact/index.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    /**
+     * 会同时禁用多个表单
+     */
+    disabled?: boolean;
+    split?: string;
+}
+export default function InputCompact(props: Props): JSX.Element;
+export {};

package/es/input-compact/index.js

@@ -0,0 +1,63 @@
+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 = ["children", "className", "disabled", "onFocus", "onBlur", "split"];
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+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, { useContext, useState, Children, cloneElement, isValidElement } from 'react';
+import { prefixClassName } from "../utils";
+import { ConfigProvider, Form } from 'antd';
+import classNames from 'classnames';
+var prefix = prefixClassName('input-compact');
+export default function InputCompact(props) {
+  var children = props.children,
+    className = props.className,
+    disabled = props.disabled,
+    _onFocus = props.onFocus,
+    _onBlur = props.onBlur,
+    split = props.split,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var inputPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls('input');
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    focused = _useState2[0],
+    setFocused = _useState2[1];
+  var extraProps = {
+    bordered: false
+  };
+  if (disabled !== undefined) {
+    Object.assign(extraProps, {
+      disabled: disabled
+    });
+  }
+  var status = Form.Item.useStatus();
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(className, prefix(), inputPrefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-focused"), focused), "".concat(inputPrefixCls, "-disabled"), disabled), "".concat(inputPrefixCls, "-status-error"), status.status === 'error')),
+    onFocus: function onFocus(e) {
+      setFocused(true);
+      _onFocus === null || _onFocus === void 0 || _onFocus(e);
+    },
+    onBlur: function onBlur(e) {
+      setFocused(false);
+      _onBlur === null || _onBlur === void 0 || _onBlur(e);
+    }
+  }, restProps), Children.map(children, function (node) {
+    var newNode = node;
+    if ( /*#__PURE__*/isValidElement(node)) {
+      newNode = /*#__PURE__*/cloneElement(node, extraProps);
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null, newNode, split ? /*#__PURE__*/React.createElement("div", {
+      className: prefix('split')
+    }, split) : /*#__PURE__*/React.createElement("div", {
+      className: prefix('gutter')
+    }));
+  }));
+}

package/es/input-compact/index.less

@@ -0,0 +1,33 @@
+.@{prefixCls}-input-compact {
+  display: flex;
+  align-items: center;
+  height: @input-height-base;
+  padding: 0;
+
+  &-gutter {
+    position: relative;
+    display: block;
+    width: 1px;
+    height: (@input-height-base - 2px - 10px);
+    background-color: @border-color-base;
+
+    &:last-child {
+      display: none;
+    }
+  }
+
+  &-split {
+    &:last-child {
+      display: none;
+    }
+  }
+
+  &.@{ant-prefix}-input-status-error {
+    .@{ant-prefix}-select-borderless.@{ant-prefix}-select:not(.@{ant-prefix}-select-disabled):not(
+        .@{ant-prefix}-select-customize-input
+      ):not(.@{ant-prefix}-pagination-size-changer)
+      .@{ant-prefix}-select-selector {
+      border-color: transparent !important;
+    }
+  }
+}

package/es/input-number/index.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import { type InputNumberProps } from 'antd';
+export default function InputNumber<T extends string | number = string | number>(props: InputNumberProps<T> & {
+    /**
+     * 后缀，不支持和prefix一起使用
+     */
+    suffix?: ReactNode;
+}): JSX.Element;

package/es/input-number/index.js

@@ -0,0 +1,35 @@
+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 = ["suffix", "prefix", "className", "controls"];
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 Icons from "../icons";
+import { prefixClassName } from "../utils";
+import { InputNumber as AntdInputNumber } from 'antd';
+import classNames from 'classnames';
+export default function InputNumber(props) {
+  var suffix = props.suffix,
+    prefix = props.prefix,
+    className = props.className,
+    controls = props.controls,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var prefixCls = prefixClassName('input-number');
+  return /*#__PURE__*/React.createElement(AntdInputNumber, _extends({
+    max: 99999999
+  }, restProps, {
+    prefix: suffix !== null && suffix !== void 0 ? suffix : prefix,
+    className: classNames(prefixCls(), className, _defineProperty({}, prefixCls('suffix'), !!suffix)),
+    controls: controls !== null && controls !== void 0 ? controls : {
+      downIcon: /*#__PURE__*/React.createElement(Icons.Down, null),
+      upIcon: /*#__PURE__*/React.createElement(Icons.Down, {
+        style: {
+          transform: 'rotate(180deg)'
+        }
+      })
+    }
+  }));
+}

package/es/input-number/index.less

@@ -0,0 +1,58 @@
+.@{prefixCls}-input-number {
+  .@{ant-prefix}-input-number-prefix {
+    color: #666;
+  }
+
+  .@{ant-prefix}-input-number-handler {
+    border-left: none;
+
+    &-wrap {
+      width: 18px;
+    }
+
+    &-up-inner {
+      top: unset;
+      bottom: -1px;
+      margin-top: unset;
+    }
+
+    &-down-inner {
+      top: -1px;
+      transform: unset;
+    }
+
+    &-down {
+      border-top: none !important;
+    }
+
+    &-up-inner,
+    &-down-inner {
+      right: 3px;
+      color: fade(#333, 70);
+      font-size: 10px !important;
+    }
+  }
+
+  &-suffix {
+    flex-direction: row-reverse;
+    padding-inline-end: @padding-sm;
+
+    .@{ant-prefix}-input-number-affix-wrapper {
+      flex-direction: row-reverse;
+      padding-inline-end: @padding-sm;
+    }
+
+    .@{ant-prefix}-input-number-prefix {
+      margin-inline-start: 4px;
+      margin-inline-end: 0;
+    }
+
+    .@{ant-prefix}-input-number {
+      padding-inline-end: 0;
+    }
+
+    .@{ant-prefix}-input-number-handler-wrap {
+      right: -3px;
+    }
+  }
+}

package/es/{Layout → layout}/index.d.ts

@@ -1,5 +1,16 @@
+import { type ReactNode, type CSSProperties } from 'react';
 import React from 'react';
-import type { ReactNode, CSSProperties } from 'react';
+interface Tab {
+    label?: ReactNode;
+    /**
+     * 与antd tabs保持一致
+     * @deprecated
+     */
+    title?: ReactNode;
+    key: string;
+    forceRender?: boolean;
+    children?: ReactNode;
+}
 interface Props {
     children?: ReactNode;
     className?: string;
@@ -20,23 +31,30 @@ interface Props {
     footer?: ReactNode;
     body?: ReactNode;
     onCollapse?: (collapsed: boolean) => void;
+    /**
+     * @deprecated 请自行使用TabBar以及Section处理
+     */
+    tabs?: Tab[];
+    activeKey?: string;
+    onTabClick?: (key: string) => void;
 }
 declare function Layout(props: Props): JSX.Element;
 declare namespace Layout {
     var Tabs: typeof LayoutTabs;
     var Content: (props: {
-        children?: React.ReactNode;
-        left?: React.ReactNode;
+        children?: ReactNode;
+        left?: ReactNode;
         tab?: string | undefined;
         forceRender?: boolean | undefined;
-    } & Pick<Props, "onCollapse">) => JSX.Element;
+    } & Pick<Props, "footer" | "header" | "onCollapse">) => JSX.Element;
+    var useFocus: () => boolean;
+    var SLOT_HEADER: string;
+    var SLOT_FOOTER: string;
 }
 export default Layout;
 declare function LayoutTabs(props: {
-    tabs?: {
-        title: string;
-        key?: string;
-    }[];
+    tabs?: Tab[];
     activeKey?: string;
     onTabClick?: (activeKey: string, e: React.KeyboardEvent | React.MouseEvent) => void;
+    hideTabBar?: boolean;
 } & Omit<Props, 'body'>): JSX.Element;