@hkyhy/marsun-components-core 0.1.68 → 0.1.69

package/dist/components/FlexBox/FlexBox.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { Item } from './FlexBoxView';
+export default FlexBox;
+declare function FlexBox(props: any): React.JSX.Element;
+declare namespace FlexBox {
+    export { Item };
+}

package/dist/components/FlexBox/FlexBox.js

@@ -0,0 +1,43 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import x from "./defaultColumns.js";
+import f from "./useFlexBox.js";
+import p, { Item as h } from "./FlexBoxView.js";
+const g = (o) => {
+  const {
+    columns: r,
+    outerClassName: m,
+    className: s,
+    gutter: a,
+    dataSource: l,
+    renderItem: n,
+    rowKey: c,
+    onChange: i,
+    children: u
+  } = Object.assign(
+    {},
+    {
+      gutter: 16,
+      columns: x,
+      dataSource: []
+    },
+    o
+  ), { ref: d, column: e } = f({ columns: r, onChange: i });
+  return /* @__PURE__ */ t("div", { ref: d, className: m, style: { width: "100%", minWidth: 0 }, children: e && /* @__PURE__ */ t(
+    p,
+    {
+      column: e,
+      gutter: a,
+      className: s,
+      dataSource: l,
+      renderItem: n,
+      rowKey: c,
+      children: u
+    }
+  ) });
+};
+g.Item = h;
+export {
+  g as default
+};
+//# sourceMappingURL=FlexBox.js.map

package/dist/components/FlexBox/FlexBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexBox.js","sources":["../../../src/components/FlexBox/FlexBox.jsx"],"sourcesContent":["// @ts-nocheck\n/** Ported from https://github.com/kne-union/flex-box/blob/master/src/FlexBox.jsx */\nimport React from 'react';\nimport defaultColumns from './defaultColumns';\nimport useFlexBox from './useFlexBox';\nimport FlexBoxView, { Item } from './FlexBoxView';\n\nconst FlexBox = (props) => {\n  const {\n    columns,\n    outerClassName,\n    className,\n    gutter,\n    dataSource,\n    renderItem,\n    rowKey,\n    onChange,\n    children,\n  } = Object.assign(\n    {},\n    {\n      gutter: 16,\n      columns: defaultColumns,\n      dataSource: [],\n    },\n    props,\n  );\n  const { ref, column } = useFlexBox({ columns, onChange });\n  return (\n    <div ref={ref} className={outerClassName} style={{ width: '100%', minWidth: 0 }}>\n      {column && (\n        <FlexBoxView\n          column={column}\n          gutter={gutter}\n          className={className}\n          dataSource={dataSource}\n          renderItem={renderItem}\n          rowKey={rowKey}\n        >\n          {children}\n        </FlexBoxView>\n      )}\n    </div>\n  );\n};\n\nFlexBox.Item = Item;\n\nexport default FlexBox;\n"],"names":["FlexBox","props","columns","outerClassName","className","gutter","dataSource","renderItem","rowKey","onChange","children","defaultColumns","ref","column","useFlexBox","jsx","FlexBoxView","Item"],"mappings":";;;;;AAOA,MAAMA,IAAU,CAACC,MAAU;AACzB,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACE,OAAO;AAAA,IACT,CAAA;AAAA,IACA;AAAA,MACE,QAAQ;AAAA,MACR,SAASC;AAAA,MACT,YAAY,CAAA;AAAA,IAAC;AAAA,IAEfV;AAAA,EAAA,GAEI,EAAE,KAAAW,GAAK,QAAAC,EAAA,IAAWC,EAAW,EAAE,SAAAZ,GAAS,UAAAO,GAAU;AACxD,SACE,gBAAAM,EAAC,OAAA,EAAI,KAAAH,GAAU,WAAWT,GAAgB,OAAO,EAAE,OAAO,QAAQ,UAAU,EAAA,GACzE,UAAAU,KACC,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAH;AAAA,MACA,QAAAR;AAAA,MACA,WAAAD;AAAA,MACA,YAAAE;AAAA,MACA,YAAAC;AAAA,MACA,QAAAC;AAAA,MAEC,UAAAE;AAAA,IAAA;AAAA,EAAA,GAGP;AAEJ;AAEAV,EAAQ,OAAOiB;"}

package/dist/components/FlexBox/FlexBoxFetch.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export default FlexBoxFetch;
+declare const FlexBoxFetch: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/components/FlexBox/FlexBoxFetch.js

@@ -0,0 +1,92 @@
+import { jsx as t, jsxs as Q, Fragment as U } from "react/jsx-runtime";
+import { forwardRef as X, useState as h } from "react";
+import { Pagination as Y } from "antd";
+import f from "classnames";
+import Z from "@kne/react-fetch";
+import _ from "./defaultColumns.js";
+import $ from "./useFlexBox.js";
+import tt, { Item as et } from "./FlexBoxView.js";
+const ot = X((S, x) => {
+  const {
+    columns: F,
+    api: b,
+    getFetchApi: w,
+    outerClassName: C,
+    className: m,
+    gutter: P,
+    dataFormat: j,
+    pagination: o,
+    renderItem: z,
+    rowKey: N,
+    onChange: y,
+    children: B
+  } = Object.assign(
+    {},
+    {
+      gutter: 16,
+      columns: _,
+      dataFormat: (s) => s.pageData
+    },
+    S
+  ), { ref: v, column: r } = $({ columns: F, onChange: y }), e = o && typeof o == "object" ? o : o === !0 ? {} : null, {
+    position: a = "bottom",
+    align: I = "end",
+    defaultCurrent: M = 1,
+    defaultPageSize: O = 10,
+    current: D,
+    pageSize: R,
+    total: k,
+    onChange: i,
+    ...A
+  } = e || {}, [H, K] = h(M), [T, V] = h(O), W = D ?? H, n = R ?? T;
+  return /* @__PURE__ */ t("div", { ref: v, className: C, style: { width: "100%", minWidth: 0 }, children: r && /* @__PURE__ */ t(
+    Z,
+    {
+      ...Object.assign({}, b || w(r)),
+      ref: x,
+      loading: /* @__PURE__ */ t(
+        "div",
+        {
+          className: f(m, "loading-container", "is-loading"),
+          style: { width: "100%", minHeight: 80 }
+        }
+      ),
+      render: ({ data: s, isComplete: q }) => {
+        const c = j(s) || [], g = k ?? c.length, E = Math.max(1, Math.ceil(g / n) || 1), l = Math.min(W, E), G = e ? c.slice((l - 1) * n, l * n) : c, d = () => e ? /* @__PURE__ */ t("div", { style: { marginBlockStart: 16 }, children: /* @__PURE__ */ t(
+          Y,
+          {
+            align: I,
+            ...A,
+            current: l,
+            pageSize: n,
+            total: g,
+            onChange: (u, p) => {
+              K(u), V(p), i == null || i(u, p);
+            }
+          }
+        ) }) : null, J = e && (a === "top" || a === "both"), L = e && (a === "bottom" || a === "both");
+        return /* @__PURE__ */ Q(U, { children: [
+          J ? d() : null,
+          /* @__PURE__ */ t("div", { className: f("loading-container", { "is-loading": !q }), children: /* @__PURE__ */ t(
+            tt,
+            {
+              column: r,
+              gutter: P,
+              className: m,
+              dataSource: G,
+              renderItem: z,
+              rowKey: N,
+              children: B
+            }
+          ) }),
+          L ? d() : null
+        ] });
+      }
+    }
+  ) });
+});
+ot.Item = et;
+export {
+  ot as default
+};
+//# sourceMappingURL=FlexBoxFetch.js.map

package/dist/components/FlexBox/FlexBoxFetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexBoxFetch.js","sources":["../../../src/components/FlexBox/FlexBoxFetch.jsx"],"sourcesContent":["// @ts-nocheck\n/** Ported from https://github.com/kne-union/flex-box/blob/master/src/FlexBoxFetch.jsx */\nimport React, { forwardRef, useState } from 'react';\nimport { Pagination } from 'antd';\nimport classnames from 'classnames';\nimport Fetch from '@kne/react-fetch';\nimport defaultColumns from './defaultColumns';\nimport useFlexBox from './useFlexBox';\nimport FlexBoxView, { Item } from './FlexBoxView';\n\nconst FlexBoxFetch = forwardRef((props, fetchRef) => {\n  const {\n    columns,\n    api,\n    getFetchApi,\n    outerClassName,\n    className,\n    gutter,\n    dataFormat,\n    pagination,\n    renderItem,\n    rowKey,\n    onChange,\n    children,\n  } = Object.assign(\n    {},\n    {\n      gutter: 16,\n      columns: defaultColumns,\n      dataFormat: (data) => data.pageData,\n    },\n    props,\n  );\n  const { ref, column } = useFlexBox({ columns, onChange });\n  const paginationObj =\n    pagination && typeof pagination === 'object' ? pagination : pagination === true ? {} : null;\n  const {\n    position = 'bottom',\n    align = 'end',\n    defaultCurrent = 1,\n    defaultPageSize = 10,\n    current: currentProp,\n    pageSize: pageSizeProp,\n    total: totalProp,\n    onChange: onPaginationChange,\n    ...paginationRest\n  } = paginationObj || {};\n  const [current, setCurrent] = useState(defaultCurrent);\n  const [pageSize, setPageSize] = useState(defaultPageSize);\n  const mergedCurrent = currentProp ?? current;\n  const mergedPageSize = pageSizeProp ?? pageSize;\n\n  return (\n    <div ref={ref} className={outerClassName} style={{ width: '100%', minWidth: 0 }}>\n      {column && (\n        <Fetch\n          {...Object.assign({}, api || getFetchApi(column))}\n          ref={fetchRef}\n          loading={\n            <div\n              className={classnames(className, 'loading-container', 'is-loading')}\n              style={{ width: '100%', minHeight: 80 }}\n            />\n          }\n          render={({ data, isComplete }) => {\n            const dataSource = dataFormat(data) || [];\n            const total = totalProp ?? dataSource.length;\n            const largestPage = Math.max(1, Math.ceil(total / mergedPageSize) || 1);\n            const page = Math.min(mergedCurrent, largestPage);\n            const pagedData = paginationObj\n              ? dataSource.slice((page - 1) * mergedPageSize, page * mergedPageSize)\n              : dataSource;\n            const renderPagination = () =>\n              paginationObj ? (\n                <div style={{ marginBlockStart: 16 }}>\n                  <Pagination\n                    align={align}\n                    {...paginationRest}\n                    current={page}\n                    pageSize={mergedPageSize}\n                    total={total}\n                    onChange={(nextPage, size) => {\n                      setCurrent(nextPage);\n                      setPageSize(size);\n                      onPaginationChange?.(nextPage, size);\n                    }}\n                  />\n                </div>\n              ) : null;\n            const showTop = paginationObj && (position === 'top' || position === 'both');\n            const showBottom = paginationObj && (position === 'bottom' || position === 'both');\n            return (\n              <>\n                {showTop ? renderPagination() : null}\n                <div className={classnames('loading-container', { 'is-loading': !isComplete })}>\n                  <FlexBoxView\n                    column={column}\n                    gutter={gutter}\n                    className={className}\n                    dataSource={pagedData}\n                    renderItem={renderItem}\n                    rowKey={rowKey}\n                  >\n                    {children}\n                  </FlexBoxView>\n                </div>\n                {showBottom ? renderPagination() : null}\n              </>\n            );\n          }}\n        />\n      )}\n    </div>\n  );\n});\n\nFlexBoxFetch.Item = Item;\n\nexport default FlexBoxFetch;\n"],"names":["FlexBoxFetch","forwardRef","props","fetchRef","columns","api","getFetchApi","outerClassName","className","gutter","dataFormat","pagination","renderItem","rowKey","onChange","children","defaultColumns","data","ref","column","useFlexBox","paginationObj","position","align","defaultCurrent","defaultPageSize","currentProp","pageSizeProp","totalProp","onPaginationChange","paginationRest","current","setCurrent","useState","pageSize","setPageSize","mergedCurrent","mergedPageSize","jsx","Fetch","classnames","isComplete","dataSource","total","largestPage","page","pagedData","renderPagination","Pagination","nextPage","size","showTop","showBottom","jsxs","Fragment","FlexBoxView","Item"],"mappings":"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"}

package/dist/components/FlexBox/FlexBoxView.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export function getItemKey(rowKey: any, item: any, index: any): any;
+export function Item({ className, style, children, ...props }: {
+    [x: string]: any;
+    className: any;
+    style: any;
+    children: any;
+}): React.JSX.Element;
+export default FlexBoxView;
+declare function FlexBoxView({ column, gutter, className, dataSource, renderItem, rowKey, children }: {
+    column: any;
+    gutter: any;
+    className: any;
+    dataSource: any;
+    renderItem: any;
+    rowKey: any;
+    children: any;
+}): React.JSX.Element;

package/dist/components/FlexBox/FlexBoxView.js

@@ -0,0 +1,42 @@
+import { jsxs as y, jsx as u } from "react/jsx-runtime";
+import "react";
+import { Row as g, Col as W } from "antd";
+const d = {
+  display: "grid",
+  minWidth: 0,
+  minHeight: 0
+}, m = {
+  display: "grid",
+  minWidth: 0,
+  minHeight: 0
+}, w = (n, t, r) => typeof n == "function" ? n(t) : n ? t == null ? void 0 : t[n] : (t == null ? void 0 : t.key) ?? r, v = ({ className: n, style: t, children: r, ...o }) => /* @__PURE__ */ u("div", { ...o, className: n, style: { ...m, ...t }, children: r }), A = ({ column: n, gutter: t, className: r, dataSource: o, renderItem: s, rowKey: f, children: h }) => {
+  const l = n.col || 1, i = 24 / l, c = Number.isInteger(i), e = `${100 / l}%`, x = Array.isArray(t) ? t : [t ?? 0, t ?? 0];
+  return /* @__PURE__ */ y(
+    g,
+    {
+      className: r,
+      gutter: x,
+      align: "stretch",
+      wrap: !0,
+      style: { flexDirection: "row", flexWrap: "wrap", alignItems: "stretch" },
+      children: [
+        (o || []).map((a, p) => /* @__PURE__ */ u(
+          W,
+          {
+            span: c ? i : void 0,
+            style: c ? d : { ...d, flex: `0 0 ${e}`, maxWidth: e },
+            children: s ? s(a, p) : null
+          },
+          w(f, a, p)
+        )),
+        h
+      ]
+    }
+  );
+};
+export {
+  v as Item,
+  A as default,
+  w as getItemKey
+};
+//# sourceMappingURL=FlexBoxView.js.map

package/dist/components/FlexBox/FlexBoxView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexBoxView.js","sources":["../../../src/components/FlexBox/FlexBoxView.jsx"],"sourcesContent":["// @ts-nocheck\n/** Ported from https://github.com/kne-union/flex-box/blob/master/src/FlexBoxView.jsx */\nimport React from 'react';\nimport { Row, Col } from 'antd';\n\nconst colBoxStyle = {\n  display: 'grid',\n  minWidth: 0,\n  minHeight: 0,\n};\n\nconst itemFillStyle = {\n  display: 'grid',\n  minWidth: 0,\n  minHeight: 0,\n};\n\nexport const getItemKey = (rowKey, item, index) => {\n  if (typeof rowKey === 'function') {\n    return rowKey(item);\n  }\n  if (rowKey) {\n    return item?.[rowKey];\n  }\n  return item?.key ?? index;\n};\n\nexport const Item = ({ className, style, children, ...props }) => {\n  return (\n    <div {...props} className={className} style={{ ...itemFillStyle, ...style }}>\n      {children}\n    </div>\n  );\n};\n\nconst FlexBoxView = ({ column, gutter, className, dataSource, renderItem, rowKey, children }) => {\n  const colCount = column.col || 1;\n  const span = 24 / colCount;\n  const useSpan = Number.isInteger(span);\n  const colWidth = `${100 / colCount}%`;\n  const rowGutter = Array.isArray(gutter) ? gutter : [gutter ?? 0, gutter ?? 0];\n  return (\n    <Row\n      className={className}\n      gutter={rowGutter}\n      align=\"stretch\"\n      wrap\n      style={{ flexDirection: 'row', flexWrap: 'wrap', alignItems: 'stretch' }}\n    >\n      {(dataSource || []).map((item, index) => (\n        <Col\n          key={getItemKey(rowKey, item, index)}\n          span={useSpan ? span : undefined}\n          style={\n            useSpan ? colBoxStyle : { ...colBoxStyle, flex: `0 0 ${colWidth}`, maxWidth: colWidth }\n          }\n        >\n          {renderItem ? renderItem(item, index) : null}\n        </Col>\n      ))}\n      {children}\n    </Row>\n  );\n};\n\nexport default FlexBoxView;\n"],"names":["colBoxStyle","itemFillStyle","getItemKey","rowKey","item","index","Item","className","style","children","props","jsx","FlexBoxView","column","gutter","dataSource","renderItem","colCount","span","useSpan","colWidth","rowGutter","jsxs","Row","Col"],"mappings":";;;AAKA,MAAMA,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AACb,GAEMC,IAAgB;AAAA,EACpB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AACb,GAEaC,IAAa,CAACC,GAAQC,GAAMC,MACnC,OAAOF,KAAW,aACbA,EAAOC,CAAI,IAEhBD,IACKC,KAAA,gBAAAA,EAAOD,MAETC,KAAA,gBAAAA,EAAM,QAAOC,GAGTC,IAAO,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGC,QAElD,gBAAAC,EAAC,OAAA,EAAK,GAAGD,GAAO,WAAAH,GAAsB,OAAO,EAAE,GAAGN,GAAe,GAAGO,EAAA,GACjE,UAAAC,EAAA,CACH,GAIEG,IAAc,CAAC,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,WAAAP,GAAW,YAAAQ,GAAY,YAAAC,GAAY,QAAAb,GAAQ,UAAAM,QAAe;AAC/F,QAAMQ,IAAWJ,EAAO,OAAO,GACzBK,IAAO,KAAKD,GACZE,IAAU,OAAO,UAAUD,CAAI,GAC/BE,IAAW,GAAG,MAAMH,CAAQ,KAC5BI,IAAY,MAAM,QAAQP,CAAM,IAAIA,IAAS,CAACA,KAAU,GAAGA,KAAU,CAAC;AAC5E,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAhB;AAAA,MACA,QAAQc;AAAA,MACR,OAAM;AAAA,MACN,MAAI;AAAA,MACJ,OAAO,EAAE,eAAe,OAAO,UAAU,QAAQ,YAAY,UAAA;AAAA,MAE3D,UAAA;AAAA,SAAAN,KAAc,CAAA,GAAI,IAAI,CAACX,GAAMC,MAC7B,gBAAAM;AAAA,UAACa;AAAA,UAAA;AAAA,YAEC,MAAML,IAAUD,IAAO;AAAA,YACvB,OACEC,IAAUnB,IAAc,EAAE,GAAGA,GAAa,MAAM,OAAOoB,CAAQ,IAAI,UAAUA,EAAA;AAAA,YAG9E,UAAAJ,IAAaA,EAAWZ,GAAMC,CAAK,IAAI;AAAA,UAAA;AAAA,UANnCH,EAAWC,GAAQC,GAAMC,CAAK;AAAA,QAAA,CAQtC;AAAA,QACAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/FlexBox/defaultColumns.d.ts

@@ -0,0 +1,7 @@
+export default defaultColumns;
+/** Ported from https://github.com/kne-union/flex-box/blob/master/src/defaultColumns.js */
+declare const defaultColumns: {
+    width: number;
+    col: number;
+    size: number;
+}[];

package/dist/components/FlexBox/defaultColumns.js

@@ -0,0 +1,26 @@
+const i = [
+  {
+    width: 576,
+    col: 1,
+    size: 15
+  },
+  {
+    width: 768,
+    col: 2,
+    size: 12
+  },
+  {
+    width: 1200,
+    col: 4,
+    size: 12
+  },
+  {
+    width: 1600,
+    col: 5,
+    size: 15
+  }
+];
+export {
+  i as default
+};
+//# sourceMappingURL=defaultColumns.js.map

package/dist/components/FlexBox/defaultColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultColumns.js","sources":["../../../src/components/FlexBox/defaultColumns.js"],"sourcesContent":["// @ts-nocheck\n/** Ported from https://github.com/kne-union/flex-box/blob/master/src/defaultColumns.js */\nconst defaultColumns = [\n  {\n    width: 576,\n    col: 1,\n    size: 15,\n  },\n  {\n    width: 768,\n    col: 2,\n    size: 12,\n  },\n  {\n    width: 1200,\n    col: 4,\n    size: 12,\n  },\n  {\n    width: 1600,\n    col: 5,\n    size: 15,\n  },\n];\n\nexport default defaultColumns;\n"],"names":["defaultColumns"],"mappings":"AAEK,MAACA,IAAiB;AAAA,EACrB;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACV;AAAA,EACE;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACV;AAAA,EACE;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACV;AAAA,EACE;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACV;AACA;"}

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

@@ -0,0 +1,79 @@
+import { ListProps } from 'antd';
+import { CSSProperties, ReactNode, Ref } from 'react';
+export type FlexBoxColumn = {
+  width: number;
+  col: number;
+  size?: number;
+};
+
+export type UseFlexBoxOptions = {
+  columns?: FlexBoxColumn[];
+  onChange?: (column: FlexBoxColumn) => void;
+};
+
+export type UseFlexBoxResult = {
+  ref: Ref<HTMLElement>;
+  column: FlexBoxColumn | null;
+};
+
+export declare function useFlexBox(props?: UseFlexBoxOptions): UseFlexBoxResult;
+
+export declare const defaultColumns: FlexBoxColumn[];
+
+export type FlexBoxProps<T = any> = {
+  columns?: FlexBoxColumn[];
+  outerClassName?: string;
+  className?: string;
+  gutter?: number | [number, number];
+  dataSource?: T[];
+  renderItem?: (item: T, index: number) => ReactNode;
+  rowKey?: string | ((item: T) => string | number);
+  onChange?: (column: FlexBoxColumn) => void;
+  children?: ReactNode;
+};
+
+declare const FlexBox: (<T = any>(props: FlexBoxProps<T>) => ReactNode) & {
+  Item: (props: { className?: string; style?: CSSProperties; children?: ReactNode }) => ReactNode;
+};
+
+export default FlexBox;
+export { FlexBox };
+
+export type FlexBoxFetchProps<T = any> = FlexBoxProps<T> & {
+  api?: Record<string, unknown>;
+  getFetchApi?: (column: FlexBoxColumn) => Record<string, unknown>;
+  dataFormat?: (data: any) => T[];
+  pagination?: boolean | Record<string, unknown>;
+};
+
+declare const FlexBoxFetch: (<T = any>(
+  props: FlexBoxFetchProps<T> & { ref?: Ref<unknown> },
+) => ReactNode) & {
+  Item: typeof FlexBox.Item;
+};
+
+export { FlexBoxFetch };
+
+export declare const FlexBoxView: (props: {
+  column: FlexBoxColumn;
+  gutter?: number | [number, number];
+  className?: string;
+  dataSource?: unknown[];
+  renderItem?: (item: unknown, index: number) => ReactNode;
+  rowKey?: string | ((item: unknown) => string | number);
+  children?: ReactNode;
+}) => ReactNode;
+
+export declare const FlexBoxViewItem: (props: {
+  className?: string;
+  style?: CSSProperties;
+  children?: ReactNode;
+}) => ReactNode;
+
+export declare function getItemKey(
+  rowKey: string | ((item: unknown) => string | number) | undefined,
+  item: unknown,
+  index: number,
+): string | number;
+
+export type { ListProps };

package/dist/components/FlexBox/useFlexBox.d.ts

@@ -0,0 +1,5 @@
+export default useFlexBox;
+declare function useFlexBox(props: any): {
+    ref: any;
+    column: null;
+};

package/dist/components/FlexBox/useFlexBox.js

@@ -0,0 +1,19 @@
+import { useState as i, useRef as f } from "react";
+import a from "@kne/use-resize";
+import d from "lodash/last";
+import p from "lodash/isEqual";
+import h from "./defaultColumns.js";
+const j = (u) => {
+  const { columns: o, onChange: e } = Object.assign({}, { columns: h }, u), [s, c] = i(null), n = f(null);
+  return { ref: a((l) => {
+    const r = l.clientWidth;
+    if (!r)
+      return;
+    const t = o.find((m) => m.width >= r) || d(o);
+    p(t, n.current) || (c(t), n.current && e && e(t), n.current = t);
+  }), column: s };
+};
+export {
+  j as default
+};
+//# sourceMappingURL=useFlexBox.js.map

package/dist/components/FlexBox/useFlexBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlexBox.js","sources":["../../../src/components/FlexBox/useFlexBox.js"],"sourcesContent":["// @ts-nocheck\n/** Ported from https://github.com/kne-union/flex-box/blob/master/src/useFlexBox.js */\nimport { useRef, useState } from 'react';\nimport useResize from '@kne/use-resize';\nimport last from 'lodash/last';\nimport isEqual from 'lodash/isEqual';\nimport defaultColumns from './defaultColumns';\n\nconst useFlexBox = (props) => {\n  const { columns, onChange } = Object.assign({}, { columns: defaultColumns }, props);\n  const [column, setColumn] = useState(null);\n  const columnRef = useRef(null);\n  const ref = useResize((el) => {\n    const width = el.clientWidth;\n    if (!width) {\n      return;\n    }\n    const column =\n      columns.find((item) => {\n        return item.width >= width;\n      }) || last(columns);\n    if (!isEqual(column, columnRef.current)) {\n      setColumn(column);\n      columnRef.current && onChange && onChange(column);\n      columnRef.current = column;\n    }\n  });\n\n  return { ref, column };\n};\n\nexport default useFlexBox;\n"],"names":["useFlexBox","props","columns","onChange","defaultColumns","column","setColumn","useState","columnRef","useRef","useResize","el","width","item","last","isEqual"],"mappings":";;;;;AAQK,MAACA,IAAa,CAACC,MAAU;AAC5B,QAAM,EAAE,SAAAC,GAAS,UAAAC,EAAQ,IAAK,OAAO,OAAO,CAAA,GAAI,EAAE,SAASC,EAAc,GAAIH,CAAK,GAC5E,CAACI,GAAQC,CAAS,IAAIC,EAAS,IAAI,GACnCC,IAAYC,EAAO,IAAI;AAiB7B,SAAO,EAAE,KAhBGC,EAAU,CAACC,MAAO;AAC5B,UAAMC,IAAQD,EAAG;AACjB,QAAI,CAACC;AACH;AAEF,UAAMP,IACJH,EAAQ,KAAK,CAACW,MACLA,EAAK,SAASD,CACtB,KAAKE,EAAKZ,CAAO;AACpB,IAAKa,EAAQV,GAAQG,EAAU,OAAO,MACpCF,EAAUD,CAAM,GAChBG,EAAU,WAAWL,KAAYA,EAASE,CAAM,GAChDG,EAAU,UAAUH;AAAA,EAExB,CAAC,GAEa,QAAAA,EAAM;AACtB;"}

package/dist/components/Form/FormDataSync.d.ts

@@ -7,5 +7,8 @@ export type FormDataSyncProps = {
  *
  * 注意：`form:field:change` 仅表示字段元信息挂载，不代表值变更；
  * 值变更请听 `form:field:set-value`；列表增删听 `form-group:change`。
+ *
+ * kne `@kne/use-event` 基于 fbemitter：仅有 `addListener`（返回 `{ remove }`），
+ * **无** `on` / `off`。旧实现因 `!unsubscribe` 直接 return，导致联动永不触发。
  */
 export default function FormDataSync({ onChange }: FormDataSyncProps): null;

package/dist/components/Form/FormDataSync.js

@@ -1,20 +1,34 @@
-import { useEffect as s } from "react";
-import { useFormApi as a } from "@kne/react-form";
-function m({ onChange: f }) {
-  const n = a();
-  return s(() => {
-    const { openApi: e, emitter: r } = n;
-    if (!r || !(e != null && e.getFormData)) return;
-    const t = () => {
-      f(e.getFormData());
-    }, o = r.on ?? r.addListener, c = r.off ?? r.removeListener;
-    if (!(!o || !c))
-      return o.call(r, "form:field:set-value", t), o.call(r, "form-group:change", t), () => {
-        c.call(r, "form:field:set-value", t), c.call(r, "form-group:change", t);
+import { useRef as m, useEffect as p } from "react";
+import { useFormApi as d } from "@kne/react-form";
+function h({ onChange: u }) {
+  const s = d(), c = m(u);
+  return c.current = u, p(() => {
+    const { openApi: t, emitter: o } = s;
+    if (!o || !(t != null && t.getFormData)) return;
+    const e = () => {
+      c.current(t.getFormData());
+    }, f = [], i = (r) => {
+      if (typeof o.addListener == "function") {
+        const n = o.addListener(r, e);
+        if (n && typeof n.remove == "function") {
+          f.push(n);
+          return;
+        }
+      }
+      typeof o.on == "function" && (o.on(r, e), f.push({
+        remove: () => {
+          var n, a;
+          (n = o.off) == null || n.call(o, r, e), (a = o.removeListener) == null || a.call(o, r, e);
+        }
+      }));
+    };
+    if (i("form:field:set-value"), i("form-group:change"), !!f.length)
+      return () => {
+        f.forEach((r) => r.remove());
       };
-  }, [n, f]), null;
+  }, [s]), null;
 }
 export {
-  m as default
+  h as default
 };
 //# sourceMappingURL=FormDataSync.js.map

package/dist/components/Form/FormDataSync.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormDataSync.js","sources":["../../../src/components/Form/FormDataSync.tsx"],"sourcesContent":["import { useFormApi } from './kneReactForm';\nimport { useEffect } from 'react';\n\ntype EmitterLike = {\n  on?: (event: string, handler: (...args: unknown[]) => void) => void;\n  off?: (event: string, handler: (...args: unknown[]) => void) => void;\n  addListener?: (event: string, handler: (...args: unknown[]) => void) => void;\n  removeListener?: (event: string, handler: (...args: unknown[]) => void) => void;\n};\n\ntype OpenApiLike = {\n  getFormData: () => Record<string, unknown>;\n};\n\nexport type FormDataSyncProps = {\n  onChange: (data: Record<string, unknown>) => void;\n};\n\n/**\n * 将 FormInfo / react-form 字段值变更回写父级（即时 onPatch）。\n * 须作为 Form 子节点渲染。\n *\n * 注意：`form:field:change` 仅表示字段元信息挂载，不代表值变更；\n * 值变更请听 `form:field:set-value`；列表增删听 `form-group:change`。\n */\nexport default function FormDataSync({ onChange }: FormDataSyncProps) {\n  const formApi = useFormApi() as {\n    openApi: OpenApiLike;\n    emitter: EmitterLike;\n  };\n\n  useEffect(() => {\n    const { openApi, emitter } = formApi;\n    if (!emitter || !openApi?.getFormData) return;\n\n    const sync = () => {\n      onChange(openApi.getFormData());\n    };\n\n    const subscribe = emitter.on ?? emitter.addListener;\n    const unsubscribe = emitter.off ?? emitter.removeListener;\n    if (!subscribe || !unsubscribe) return;\n\n    subscribe.call(emitter, 'form:field:set-value', sync);\n    subscribe.call(emitter, 'form-group:change', sync);\n    return () => {\n      unsubscribe.call(emitter, 'form:field:set-value', sync);\n      unsubscribe.call(emitter, 'form-group:change', sync);\n    };\n  }, [formApi, onChange]);\n\n  return null;\n}\n"],"names":["FormDataSync","onChange","formApi","useFormApi","useEffect","openApi","emitter","sync","subscribe","unsubscribe"],"mappings":";;AAyBA,SAAwBA,EAAa,EAAE,UAAAC,KAA+B;AACpE,QAAMC,IAAUC,EAAA;AAKhB,SAAAC,EAAU,MAAM;AACd,UAAM,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYJ;AAC7B,QAAI,CAACI,KAAW,EAACD,KAAA,QAAAA,EAAS,aAAa;AAEvC,UAAME,IAAO,MAAM;AACjB,MAAAN,EAASI,EAAQ,aAAa;AAAA,IAChC,GAEMG,IAAYF,EAAQ,MAAMA,EAAQ,aAClCG,IAAcH,EAAQ,OAAOA,EAAQ;AAC3C,QAAI,GAACE,KAAa,CAACC;AAEnB,aAAAD,EAAU,KAAKF,GAAS,wBAAwBC,CAAI,GACpDC,EAAU,KAAKF,GAAS,qBAAqBC,CAAI,GAC1C,MAAM;AACX,QAAAE,EAAY,KAAKH,GAAS,wBAAwBC,CAAI,GACtDE,EAAY,KAAKH,GAAS,qBAAqBC,CAAI;AAAA,MACrD;AAAA,EACF,GAAG,CAACL,GAASD,CAAQ,CAAC,GAEf;AACT;"}
+{"version":3,"file":"FormDataSync.js","sources":["../../../src/components/Form/FormDataSync.tsx"],"sourcesContent":["import { useFormApi } from './kneReactForm';\nimport { useEffect, useRef } from 'react';\n\ntype EmitterSubscription = { remove: () => void };\n\ntype EmitterLike = {\n  on?: (event: string, handler: (...args: unknown[]) => void) => void;\n  off?: (event: string, handler: (...args: unknown[]) => void) => void;\n  addListener?: (\n    event: string,\n    handler: (...args: unknown[]) => void,\n  ) => EmitterSubscription | void;\n  removeListener?: (event: string, handler: (...args: unknown[]) => void) => void;\n};\n\ntype OpenApiLike = {\n  getFormData: () => Record<string, unknown>;\n};\n\nexport type FormDataSyncProps = {\n  onChange: (data: Record<string, unknown>) => void;\n};\n\n/**\n * 将 FormInfo / react-form 字段值变更回写父级（即时 onPatch）。\n * 须作为 Form 子节点渲染。\n *\n * 注意：`form:field:change` 仅表示字段元信息挂载，不代表值变更；\n * 值变更请听 `form:field:set-value`；列表增删听 `form-group:change`。\n *\n * kne `@kne/use-event` 基于 fbemitter：仅有 `addListener`（返回 `{ remove }`），\n * **无** `on` / `off`。旧实现因 `!unsubscribe` 直接 return，导致联动永不触发。\n */\nexport default function FormDataSync({ onChange }: FormDataSyncProps) {\n  const formApi = useFormApi() as {\n    openApi: OpenApiLike;\n    emitter: EmitterLike;\n  };\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  useEffect(() => {\n    const { openApi, emitter } = formApi;\n    if (!emitter || !openApi?.getFormData) return;\n\n    const sync = () => {\n      onChangeRef.current(openApi.getFormData());\n    };\n\n    const tokens: EmitterSubscription[] = [];\n\n    const bind = (event: string) => {\n      if (typeof emitter.addListener === 'function') {\n        const sub = emitter.addListener(event, sync);\n        if (sub && typeof sub.remove === 'function') {\n          tokens.push(sub);\n          return;\n        }\n      }\n      if (typeof emitter.on === 'function') {\n        emitter.on(event, sync);\n        tokens.push({\n          remove: () => {\n            emitter.off?.(event, sync);\n            emitter.removeListener?.(event, sync);\n          },\n        });\n      }\n    };\n\n    bind('form:field:set-value');\n    bind('form-group:change');\n\n    if (!tokens.length) return;\n\n    return () => {\n      tokens.forEach((t) => t.remove());\n    };\n  }, [formApi]);\n\n  return null;\n}\n"],"names":["FormDataSync","onChange","formApi","useFormApi","onChangeRef","useRef","useEffect","openApi","emitter","sync","tokens","bind","event","sub","_a","_b","t"],"mappings":";;AAiCA,SAAwBA,EAAa,EAAE,UAAAC,KAA+B;AACpE,QAAMC,IAAUC,EAAA,GAIVC,IAAcC,EAAOJ,CAAQ;AACnC,SAAAG,EAAY,UAAUH,GAEtBK,EAAU,MAAM;AACd,UAAM,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYN;AAC7B,QAAI,CAACM,KAAW,EAACD,KAAA,QAAAA,EAAS,aAAa;AAEvC,UAAME,IAAO,MAAM;AACjB,MAAAL,EAAY,QAAQG,EAAQ,aAAa;AAAA,IAC3C,GAEMG,IAAgC,CAAA,GAEhCC,IAAO,CAACC,MAAkB;AAC9B,UAAI,OAAOJ,EAAQ,eAAgB,YAAY;AAC7C,cAAMK,IAAML,EAAQ,YAAYI,GAAOH,CAAI;AAC3C,YAAII,KAAO,OAAOA,EAAI,UAAW,YAAY;AAC3C,UAAAH,EAAO,KAAKG,CAAG;AACf;AAAA,QACF;AAAA,MACF;AACA,MAAI,OAAOL,EAAQ,MAAO,eACxBA,EAAQ,GAAGI,GAAOH,CAAI,GACtBC,EAAO,KAAK;AAAA,QACV,QAAQ,MAAM;;AACZ,WAAAI,IAAAN,EAAQ,QAAR,QAAAM,EAAA,KAAAN,GAAcI,GAAOH,KACrBM,IAAAP,EAAQ,mBAAR,QAAAO,EAAA,KAAAP,GAAyBI,GAAOH;AAAA,QAClC;AAAA,MAAA,CACD;AAAA,IAEL;AAKA,QAHAE,EAAK,sBAAsB,GAC3BA,EAAK,mBAAmB,GAEpB,EAACD,EAAO;AAEZ,aAAO,MAAM;AACX,QAAAA,EAAO,QAAQ,CAACM,MAAMA,EAAE,QAAQ;AAAA,MAClC;AAAA,EACF,GAAG,CAACd,CAAO,CAAC,GAEL;AACT;"}

package/dist/components/Form/InputRange.d.ts

@@ -0,0 +1,19 @@
+import { ComponentType, ReactNode } from 'react';
+export type InputRangeValue = [number | null | undefined, number | null | undefined] | null;
+export type InputRangeProps = {
+    name: string;
+    label?: ReactNode;
+    labelTips?: ReactNode | ((props: InputRangeProps) => ReactNode);
+    rule?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    minPlaceholder?: string;
+    maxPlaceholder?: string;
+    unit?: string;
+    min?: number;
+    max?: number;
+    precision?: number;
+    step?: number;
+};
+export declare const InputRange: ComponentType<InputRangeProps>;
+export default InputRange;

package/dist/components/Form/InputRange.js

@@ -0,0 +1,84 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { Space as h, InputNumber as N, Typography as g } from "antd";
+import * as T from "@kne/react-form-antd";
+import a from "classnames";
+import { withNormalizedLabelTips as z } from "./normalizeLabelTips.js";
+import e from "./InputRange.module.scss.js";
+function I(r, n) {
+  return r == null && n == null ? null : [r ?? null, n ?? null];
+}
+const P = ({
+  value: r,
+  onChange: n,
+  disabled: o,
+  minPlaceholder: s = "下限",
+  maxPlaceholder: i = "上限",
+  unit: p,
+  min: l,
+  max: u,
+  precision: c,
+  step: d
+}) => {
+  const f = (r == null ? void 0 : r[0]) ?? void 0, y = (r == null ? void 0 : r[1]) ?? void 0;
+  return /* @__PURE__ */ x(
+    h,
+    {
+      className: a("marsun-form-input-range", e["marsun-form-input-range"]),
+      size: 8,
+      align: "center",
+      style: { width: "100%" },
+      children: [
+        /* @__PURE__ */ t(
+          N,
+          {
+            className: a(
+              "marsun-form-input-range-min",
+              e["marsun-form-input-range-input"]
+            ),
+            value: f,
+            disabled: o,
+            placeholder: s,
+            min: l,
+            max: u,
+            precision: c,
+            step: d,
+            onChange: (m) => n == null ? void 0 : n(I(m, y))
+          }
+        ),
+        /* @__PURE__ */ t(g.Text, { type: "secondary", children: "~" }),
+        /* @__PURE__ */ t(
+          N,
+          {
+            className: a(
+              "marsun-form-input-range-max",
+              e["marsun-form-input-range-input"]
+            ),
+            value: y,
+            disabled: o,
+            placeholder: i,
+            min: l,
+            max: u,
+            precision: c,
+            step: d,
+            onChange: (m) => n == null ? void 0 : n(I(f, m))
+          }
+        ),
+        p ? /* @__PURE__ */ t(g.Text, { type: "secondary", className: e["marsun-form-input-range-unit"], children: p }) : null
+      ]
+    }
+  );
+}, R = (r) => {
+  const { useDecorator: n } = T.hooks, { placeholder: o, ...s } = r;
+  return n({
+    fieldName: "inputRange",
+    ...s
+  })(P);
+};
+R.displayName = "InputRange";
+const A = z(
+  R
+);
+export {
+  A as InputRange
+};
+//# sourceMappingURL=InputRange.js.map

package/dist/components/Form/InputRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRange.js","sources":["../../../src/components/Form/InputRange.tsx"],"sourcesContent":["/**\n * FormInfo 数字区间字段（纱支分档等）。\n * 值：`[min, max] | null`；单侧可空。\n * 经 `hooks.useDecorator` 接入 kne FormInfo，支持 `name` / `label` / `rule`（如 `REQ`、`RANGE_ASC`）。\n * 区间有序校验：在 Form/`formProps` 注册 `rules={inputRangeRules}`，字段写 `rule=\"RANGE_ASC\"`。\n */\nimport { InputNumber, Space, Typography } from 'antd';\nimport * as ReactFormAntd from '@kne/react-form-antd';\nimport classNames from 'classnames';\nimport type { ComponentType, FC, ReactNode } from 'react';\nimport { withNormalizedLabelTips } from './normalizeLabelTips';\nimport styles from './InputRange.module.scss';\n\nexport type InputRangeValue = [number | null | undefined, number | null | undefined] | null;\n\nexport type InputRangeProps = {\n  name: string;\n  label?: ReactNode;\n  labelTips?: ReactNode | ((props: InputRangeProps) => ReactNode);\n  rule?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  minPlaceholder?: string;\n  maxPlaceholder?: string;\n  unit?: string;\n  min?: number;\n  max?: number;\n  precision?: number;\n  step?: number;\n};\n\ntype FieldRenderProps = {\n  value?: InputRangeValue;\n  onChange?: (v: InputRangeValue) => void;\n  disabled?: boolean;\n  id?: string;\n};\n\ntype KneHooks = {\n  useDecorator: (\n    opts: Record<string, unknown>,\n  ) => (Comp: ComponentType<FieldRenderProps>) => ReactNode;\n};\n\nfunction normalizePair(\n  minVal: number | null | undefined,\n  maxVal: number | null | undefined,\n): InputRangeValue {\n  if (minVal == null && maxVal == null) return null;\n  return [minVal ?? null, maxVal ?? null];\n}\n\nconst InputRangeField: FC<\n  FieldRenderProps & {\n    minPlaceholder?: string;\n    maxPlaceholder?: string;\n    unit?: string;\n    min?: number;\n    max?: number;\n    precision?: number;\n    step?: number;\n  }\n> = ({\n  value,\n  onChange,\n  disabled,\n  minPlaceholder = '下限',\n  maxPlaceholder = '上限',\n  unit,\n  min,\n  max,\n  precision,\n  step,\n}) => {\n  const minVal = value?.[0] ?? undefined;\n  const maxVal = value?.[1] ?? undefined;\n\n  return (\n    <Space\n      className={classNames('marsun-form-input-range', styles['marsun-form-input-range'])}\n      size={8}\n      align=\"center\"\n      style={{ width: '100%' }}\n    >\n      <InputNumber\n        className={classNames(\n          'marsun-form-input-range-min',\n          styles['marsun-form-input-range-input'],\n        )}\n        value={minVal}\n        disabled={disabled}\n        placeholder={minPlaceholder}\n        min={min}\n        max={max}\n        precision={precision}\n        step={step}\n        onChange={(v) => onChange?.(normalizePair(v as number | null, maxVal))}\n      />\n      <Typography.Text type=\"secondary\">~</Typography.Text>\n      <InputNumber\n        className={classNames(\n          'marsun-form-input-range-max',\n          styles['marsun-form-input-range-input'],\n        )}\n        value={maxVal}\n        disabled={disabled}\n        placeholder={maxPlaceholder}\n        min={min}\n        max={max}\n        precision={precision}\n        step={step}\n        onChange={(v) => onChange?.(normalizePair(minVal, v as number | null))}\n      />\n      {unit ? (\n        <Typography.Text type=\"secondary\" className={styles['marsun-form-input-range-unit']}>\n          {unit}\n        </Typography.Text>\n      ) : null}\n    </Space>\n  );\n};\n\nconst InputRangeInner: FC<InputRangeProps> = (props) => {\n  const { useDecorator } = (ReactFormAntd as unknown as { hooks: KneHooks }).hooks;\n  // 与 kne Input/InputNumber 一致：render(稳定组件)。禁止在 render 内新建 Bound，\n  // 否则每次 onChange→重渲染都会换组件类型，Input 被卸载，焦点弹掉无法连续输入。\n  const { placeholder: _ignoredPlaceholder, ...decoratorProps } = props;\n\n  const render = useDecorator({\n    fieldName: 'inputRange',\n    ...decoratorProps,\n  });\n\n  return render(InputRangeField);\n};\n\nInputRangeInner.displayName = 'InputRange';\n\nexport const InputRange = withNormalizedLabelTips(\n  InputRangeInner as ComponentType<InputRangeProps>,\n) as ComponentType<InputRangeProps>;\n\nexport default InputRange;\n"],"names":["normalizePair","minVal","maxVal","InputRangeField","value","onChange","disabled","minPlaceholder","maxPlaceholder","unit","min","max","precision","step","jsxs","Space","classNames","styles","jsx","InputNumber","v","Typography","InputRangeInner","props","useDecorator","ReactFormAntd","_ignoredPlaceholder","decoratorProps","InputRange","withNormalizedLabelTips"],"mappings":";;;;;;AA4CA,SAASA,EACPC,GACAC,GACiB;AACjB,SAAID,KAAU,QAAQC,KAAU,OAAa,OACtC,CAACD,KAAU,MAAMC,KAAU,IAAI;AACxC;AAEA,MAAMC,IAUF,CAAC;AAAA,EACH,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC,IAAiB;AAAA,EACjB,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AACJ,QAAMZ,KAASG,KAAA,gBAAAA,EAAQ,OAAM,QACvBF,KAASE,KAAA,gBAAAA,EAAQ,OAAM;AAE7B,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC;AAAA,MAClF,MAAM;AAAA,MACN,OAAM;AAAA,MACN,OAAO,EAAE,OAAO,OAAA;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWH;AAAA,cACT;AAAA,cACAC,EAAO,+BAA+B;AAAA,YAAA;AAAA,YAExC,OAAOhB;AAAA,YACP,UAAAK;AAAA,YACA,aAAaC;AAAA,YACb,KAAAG;AAAA,YACA,KAAAC;AAAA,YACA,WAAAC;AAAA,YACA,MAAAC;AAAA,YACA,UAAU,CAACO,MAAMf,KAAA,gBAAAA,EAAWL,EAAcoB,GAAoBlB,CAAM;AAAA,UAAC;AAAA,QAAA;AAAA,0BAEtEmB,EAAW,MAAX,EAAgB,MAAK,aAAY,UAAA,KAAC;AAAA,QACnC,gBAAAH;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWH;AAAA,cACT;AAAA,cACAC,EAAO,+BAA+B;AAAA,YAAA;AAAA,YAExC,OAAOf;AAAA,YACP,UAAAI;AAAA,YACA,aAAaE;AAAA,YACb,KAAAE;AAAA,YACA,KAAAC;AAAA,YACA,WAAAC;AAAA,YACA,MAAAC;AAAA,YACA,UAAU,CAACO,MAAMf,KAAA,gBAAAA,EAAWL,EAAcC,GAAQmB,CAAkB;AAAA,UAAC;AAAA,QAAA;AAAA,QAEtEX,IACC,gBAAAS,EAACG,EAAW,MAAX,EAAgB,MAAK,aAAY,WAAWJ,EAAO,8BAA8B,GAC/E,UAAAR,EAAA,CACH,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV,GAEMa,IAAuC,CAACC,MAAU;AACtD,QAAM,EAAE,cAAAC,MAAkBC,EAAiD,OAGrE,EAAE,aAAaC,GAAqB,GAAGC,MAAmBJ;AAOhE,SALeC,EAAa;AAAA,IAC1B,WAAW;AAAA,IACX,GAAGG;AAAA,EAAA,CACJ,EAEaxB,CAAe;AAC/B;AAEAmB,EAAgB,cAAc;AAEvB,MAAMM,IAAaC;AAAA,EACxBP;AACF;"}

package/dist/components/Form/InputRange.module.scss.js

@@ -0,0 +1,9 @@
+const n = {
+  "marsun-form-input-range": "_marsun-form-input-range_1uo7h_2",
+  "marsun-form-input-range-input": "_marsun-form-input-range-input_1uo7h_19",
+  "marsun-form-input-range-unit": "_marsun-form-input-range-unit_1uo7h_29"
+};
+export {
+  n as default
+};
+//# sourceMappingURL=InputRange.module.scss.js.map

package/dist/components/Form/InputRange.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRange.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -8,6 +8,10 @@ export { default as PersonOptionRow } from './PersonOptionRow';
 export type { PersonOptionRowProps } from './PersonOptionRow';
 export { default as FormDataSync } from './FormDataSync';
 export type { FormDataSyncProps } from './FormDataSync';
+export { InputRange } from './InputRange';
+export type { InputRangeProps, InputRangeValue } from './InputRange';
+export { inputRangeRules, validateRangeAsc, RANGE_ASC_RULE_NAME } from './inputRangeRules';
+export type { KneRuleResult } from './inputRangeRules';
 /** @kne/form-info — 业务从包根导入，勿直连 @kne/form-info */
 export { FormInfo, Form, FormModal, FormSteps, FormStepsModal, List, TableList, MultiField, Input, TextArea, Select, TreeSelect, InputNumber, Switch, RadioGroup, SubmitButton, ResetButton, CancelButton, } from './kneFormInfo';
 export type { FormInfoProps, FormProps, FormModalProps, FormStepsProps, FormStepsModalProps, ListProps, TableListProps, MultiFieldProps, } from './kneFormInfo';