@vef-framework/components 1.0.127 → 1.0.129

package/cjs/vef-table/components/columns/number.cjs

@@ -1,88 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react$1 = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var index = require('../../../vef-text/index.cjs');
-var useComputedValues = require('../../hooks/use-computed-values.cjs');
-var useDisplayValue = require('../../hooks/use-display-value.cjs');
-
-"use strict";
-function NumberColumn({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "Number") {
-    throw new shared.VefError(-1, "Column type must be Number");
-  }
-  const {
-    defaultValue,
-    formatter,
-    prefix,
-    suffix,
-    bold,
-    italic,
-    color,
-    width
-  } = columnProps;
-  const displayValue = useDisplayValue.useDisplayValue(
-    value,
-    record,
-    rowIndex,
-    {
-      defaultValue,
-      formatter,
-      prefix,
-      suffix
-    }
-  );
-  const [boldToUse, italicToUse, colorToUse] = useComputedValues.useComputedValues(
-    [
-      {
-        key: "bold",
-        rawValue: bold,
-        defaultValue: false
-      },
-      {
-        key: "italic",
-        rawValue: italic,
-        defaultValue: false
-      },
-      {
-        key: "color",
-        rawValue: color
-      }
-    ],
-    value,
-    record,
-    rowIndex
-  );
-  const cssToUse = react.useMemo(() => {
-    if (width) {
-      return react$1.css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  if (shared.isNullish(displayValue)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      bold: boldToUse,
-      color: colorToUse,
-      css: cssToUse,
-      italic: italicToUse,
-      children: displayValue
-    }
-  );
-}
-
-exports.default = NumberColumn;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var y=require("@emotion/react/jsx-runtime"),b=require("@emotion/react"),i=require("@vef-framework/shared"),q=require("react"),w=require("../../../vef-text/index.cjs"),h=require("../../hooks/use-computed-values.cjs"),j=require("../../hooks/use-display-value.cjs");function k({value:r,record:u,rowIndex:a,columnProps:l}){if(l.type!=="Number")throw new i.VefError(-1,"Column type must be Number");const{defaultValue:s,formatter:o,prefix:d,suffix:f,bold:c,italic:n,color:m,width:e}=l,t=j.useDisplayValue(r,u,a,{defaultValue:s,formatter:o,prefix:d,suffix:f}),[p,V,x]=h.useComputedValues([{key:"bold",rawValue:c,defaultValue:!1},{key:"italic",rawValue:n,defaultValue:!1},{key:"color",rawValue:m}],r,u,a),v=q.useMemo(()=>{if(e)return b.css({maxWidth:`${e}px !important`})},[e]);return i.isNullish(t)?null:y.jsx(w.default,{bold:p,color:x,css:v,italic:V,children:t})}exports.default=k;

package/cjs/vef-table/components/columns/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-table/components/columns/render.cjs

@@ -1,33 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react$1 = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-function Render({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "Render") {
-    throw new shared.VefError(-1, "Column type must be Render");
-  }
-  const { render, width } = columnProps;
-  const content = render?.(value, record, rowIndex);
-  const cssToUse = react.useMemo(() => {
-    if (width) {
-      return react$1.css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: cssToUse, children: content });
-}
-
-exports.default = Render;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var d=require("@emotion/react/jsx-runtime"),o=require("@emotion/react"),a=require("@vef-framework/shared"),m=require("react");function l({value:t,record:u,rowIndex:s,columnProps:r}){if(r.type!=="Render")throw new a.VefError(-1,"Column type must be Render");const{render:i,width:e}=r,n=i?.(t,u,s),c=m.useMemo(()=>{if(e)return o.css({maxWidth:`${e}px !important`})},[e]);return d.jsx("div",{css:c,children:n})}exports.default=l;

package/cjs/vef-table/components/columns/rich-text.cjs

@@ -1,15 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-
-"use strict";
-function RichText({
-  value
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { children: value });
-}
-
-exports.default = RichText;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime");function t({value:e}){return r.jsx("span",{children:e})}exports.default=t;

package/cjs/vef-table/components/columns/text.cjs

@@ -1,93 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react$1 = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var index = require('../../../vef-text/index.cjs');
-var useComputedValues = require('../../hooks/use-computed-values.cjs');
-var useDisplayValue = require('../../hooks/use-display-value.cjs');
-
-"use strict";
-function Text({
-  value,
-  record,
-  rowIndex,
-  columnProps
-}) {
-  if (columnProps.type !== "Text") {
-    throw new shared.VefError(-1, "Column type must be Text");
-  }
-  const {
-    defaultValue,
-    formatter,
-    prefix,
-    suffix,
-    ellipsis,
-    bold,
-    italic,
-    color,
-    copyable,
-    width
-  } = columnProps;
-  const [boldToUse, italicToUse, colorToUse] = useComputedValues.useComputedValues(
-    [
-      {
-        key: "bold",
-        rawValue: bold,
-        defaultValue: false
-      },
-      {
-        key: "italic",
-        rawValue: italic,
-        defaultValue: false
-      },
-      {
-        key: "color",
-        rawValue: color
-      }
-    ],
-    value,
-    record,
-    rowIndex
-  );
-  const valueToDisplay = useDisplayValue.useDisplayValue(
-    value,
-    record,
-    rowIndex,
-    {
-      defaultValue,
-      formatter,
-      prefix,
-      suffix
-    }
-  );
-  const cssToUse = react.useMemo(() => {
-    if (width) {
-      return react$1.css({
-        maxWidth: `${width}px !important`
-      });
-    }
-  }, [width]);
-  if (shared.isNullish(valueToDisplay)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      bold: boldToUse,
-      color: colorToUse,
-      copyable,
-      css: cssToUse,
-      ellipsis,
-      ellipsisTip: ellipsis ? valueToDisplay : void 0,
-      italic: italicToUse,
-      children: valueToDisplay
-    }
-  );
-}
-
-exports.default = Text;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var q=require("@emotion/react/jsx-runtime"),w=require("@emotion/react"),s=require("@vef-framework/shared"),h=require("react"),T=require("../../../vef-text/index.cjs"),j=require("../../hooks/use-computed-values.cjs"),k=require("../../hooks/use-display-value.cjs");function C({value:u,record:l,rowIndex:a,columnProps:i}){if(i.type!=="Text")throw new s.VefError(-1,"Column type must be Text");const{defaultValue:o,formatter:d,prefix:c,suffix:f,ellipsis:t,bold:p,italic:n,color:V,copyable:m,width:e}=i,[x,y,v]=j.useComputedValues([{key:"bold",rawValue:p,defaultValue:!1},{key:"italic",rawValue:n,defaultValue:!1},{key:"color",rawValue:V}],u,l,a),r=k.useDisplayValue(u,l,a,{defaultValue:o,formatter:d,prefix:c,suffix:f}),b=h.useMemo(()=>{if(e)return w.css({maxWidth:`${e}px !important`})},[e]);return s.isNullish(r)?null:q.jsx(T.default,{bold:x,color:v,copyable:m,css:b,ellipsis:t,ellipsisTip:t?r:void 0,italic:y,children:r})}exports.default=C;

package/cjs/vef-table/components/columns-settings.cjs

@@ -1,35 +1,17 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var Icon = require('@ant-design/icons');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react$1 = require('react');
-var index = require('../../vef-bool/index.cjs');
-var index$2 = require('../../vef-button/index.cjs');
-var index$3 = require('../../vef-divider/index.cjs');
-var index$4 = require('../../vef-sortable-list/index.cjs');
-var index$1 = require('../../vef-text/index.cjs');
-var useTableContext = require('../hooks/use-table-context.cjs');
-
-"use strict";
-const columnsSettingsPanelStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("@emotion/react/jsx-runtime"),m=require("@ant-design/icons"),N=require("@emotion/react"),r=require("@vef-framework/shared"),x=require("antd"),s=require("react"),S=require("../../vef-bool/index.cjs"),g=require("../../vef-button/index.cjs"),C=require("../../vef-divider/index.cjs"),O=require("../../vef-sortable-list/index.cjs"),R=require("../../vef-text/index.cjs"),T=require("../hooks/use-table-context.cjs");const z=N.css`
   width: 300px;
-  padding: ${shared.themeVariables.paddingSm};
+  padding: ${r.themeVariables.paddingSm};
 
   .vef-divider-horizontal {
-    margin: ${shared.themeVariables.marginSm} 0;
+    margin: ${r.themeVariables.marginSm} 0;
   }
 
   .vef-table-columns-settings-panel-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding-left: ${shared.themeVariables.paddingSm};
+    padding-left: ${r.themeVariables.paddingSm};
   }
 
   .vef-table-columns-settings-panel-body {
@@ -44,17 +26,17 @@ const columnsSettingsPanelStyle = react.css`
         display: grid;
         grid-template-columns: max-content 1fr max-content;
         align-items: center;
-        padding: ${shared.themeVariables.paddingXs};
-        border-radius: ${shared.themeVariables.borderRadius};
+        padding: ${r.themeVariables.paddingXs};
+        border-radius: ${r.themeVariables.borderRadius};
 
         &:hover {
-          background-color: ${shared.themeVariables.colorPrimaryBg};
+          background-color: ${r.themeVariables.colorPrimaryBg};
         }
 
         .vef-table-columns-settings-panel-column-drag-icon {
           cursor: move;
-          color: ${shared.themeVariables.colorTextSecondary};
-          padding-right: ${shared.themeVariables.padding};
+          color: ${r.themeVariables.colorTextSecondary};
+          padding-right: ${r.themeVariables.padding};
         }
 
         .vef-table-columns-settings-panel-column-fixed-icon {
@@ -68,175 +50,4 @@ const columnsSettingsPanelStyle = react.css`
       }
     }
   }
-`;
-function VefColumnsSettingsBase() {
-  const {
-    defaultColumnConfigMap,
-    columnConfigMap,
-    setColumnConfigMap
-  } = useTableContext.useTableContextSelector((ctx) => {
-    const {
-      defaultColumnConfigMap: defaultColumnConfigMap2,
-      columnConfigMap: columnConfigMap2,
-      setColumnConfigMap: setColumnConfigMap2
-    } = ctx;
-    return {
-      defaultColumnConfigMap: defaultColumnConfigMap2,
-      columnConfigMap: columnConfigMap2,
-      setColumnConfigMap: setColumnConfigMap2
-    };
-  });
-  const columnOptions = react$1.useMemo(() => [...columnConfigMap.entries()].sort(([_, one], [__, another]) => one.order - another.order).map(([name, column]) => {
-    const {
-      title,
-      configurable,
-      ...rest
-    } = column;
-    return {
-      value: name,
-      label: title,
-      disabled: !configurable,
-      ...rest
-    };
-  }), [columnConfigMap]);
-  const setColumnOptions = react$1.useCallback((newColumnOptions) => {
-    const newColumnConfigMap = newColumnOptions.reduce(
-      (map, option, index) => {
-        const {
-          value,
-          label,
-          disabled,
-          order,
-          ...rest
-        } = option;
-        const columnConfig = {
-          title: label,
-          configurable: !disabled,
-          order: index + 1,
-          ...rest
-        };
-        map.set(value, columnConfig);
-        return map;
-      },
-      /* @__PURE__ */ new Map()
-    );
-    setColumnConfigMap(newColumnConfigMap);
-  }, [setColumnConfigMap]);
-  const showedColumns = react$1.useMemo(() => columnOptions.filter((it) => it.show).map((it) => it.value), [columnOptions]);
-  const allCheckStatus = react$1.useMemo(() => {
-    const showedLength = showedColumns.length;
-    const totalLength = columnOptions.length;
-    return showedLength === totalLength ? "checked" : showedLength > 0 ? "indeterminate" : "unchecked";
-  }, [showedColumns.length, columnOptions.length]);
-  const handleShowedColumnsChange = react$1.useCallback((value) => {
-    const names = new Set(value);
-    const newColumnOptions = columnOptions.map((option) => ({
-      ...option,
-      show: names.has(option.value)
-    }));
-    setColumnOptions(newColumnOptions);
-  }, [columnOptions, setColumnOptions]);
-  const handleColumnFixedChange = react$1.useCallback((name, fixed) => {
-    const newColumnOptions = columnOptions.map((option) => ({
-      ...option,
-      fixed: option.value === name ? fixed : option.fixed
-    }));
-    setColumnOptions(newColumnOptions);
-  }, [columnOptions, setColumnOptions]);
-  const handleColumnOrderChange = react$1.useCallback((newColumnOptions) => {
-    setColumnOptions(newColumnOptions);
-  }, [setColumnOptions]);
-  const handleResetColumnConfig = react$1.useCallback(() => {
-    setColumnConfigMap(new Map(defaultColumnConfigMap));
-  }, [defaultColumnConfigMap, setColumnConfigMap]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: columnsSettingsPanelStyle, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "vef-table-columns-settings-panel-header", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        index.default,
-        {
-          indeterminate: allCheckStatus === "indeterminate",
-          label: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { bold: true, children: "列显示" }),
-          value: allCheckStatus === "checked",
-          variant: "checkbox",
-          onChange: (value) => {
-            handleShowedColumnsChange(value ? columnOptions.map((it) => it.value) : []);
-          }
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { color: "primary", variant: "text", onClick: handleResetColumnConfig, children: "重置" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$3.default, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox.Group, { className: "vef-table-columns-settings-panel-body", value: showedColumns, onChange: handleShowedColumnsChange, children: /* @__PURE__ */ jsxRuntime.jsx(
-      index$4.default,
-      {
-        useHandle: true,
-        className: "vef-table-columns-settings-panel-columns",
-        handleClassName: "vef-table-columns-settings-panel-column-drag-icon",
-        itemClassName: "vef-table-columns-settings-panel-column",
-        itemKey: "value",
-        items: columnOptions,
-        useOverlay: false,
-        renderItem: ({
-          value,
-          label,
-          disabled,
-          fixed,
-          show
-        }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            antd.Checkbox,
-            {
-              disabled,
-              value,
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "vef-table-columns-settings-panel-column-fixed-icon", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              index$2.default,
-              {
-                color: fixed === "left" ? "primary" : "default",
-                disabled: disabled || !show,
-                icon: fixed === "left" ? /* @__PURE__ */ jsxRuntime.jsx(Icon.RollbackOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(Icon.VerticalRightOutlined, {}),
-                size: "small",
-                tip: fixed === "left" ? "取消左侧固定" : "固定到左侧",
-                variant: "link",
-                onClick: () => {
-                  if (fixed === "left") {
-                    handleColumnFixedChange(value);
-                  } else {
-                    handleColumnFixedChange(value, "left");
-                  }
-                }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(index$3.default, { orientation: "vertical" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              index$2.default,
-              {
-                color: fixed === "right" ? "primary" : "default",
-                disabled: disabled || !show,
-                icon: fixed === "right" ? /* @__PURE__ */ jsxRuntime.jsx(Icon.RollbackOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(Icon.VerticalLeftOutlined, {}),
-                size: "small",
-                tip: fixed === "right" ? "取消右侧固定" : "固定到右侧",
-                variant: "link",
-                onClick: () => {
-                  if (fixed === "right") {
-                    handleColumnFixedChange(value);
-                  } else {
-                    handleColumnFixedChange(value, "right");
-                  }
-                }
-              }
-            )
-          ] })
-        ] }),
-        onChange: handleColumnOrderChange
-      }
-    ) })
-  ] });
-}
-const VefColumnsSettings = react$1.memo(VefColumnsSettingsBase, () => false);
-VefColumnsSettings.displayName = "VefColumnsSettings";
-
-exports.default = VefColumnsSettings;
+`;function P(){const{defaultColumnConfigMap:v,columnConfigMap:b,setColumnConfigMap:c}=T.useTableContextSelector(e=>{const{defaultColumnConfigMap:t,columnConfigMap:n,setColumnConfigMap:a}=e;return{defaultColumnConfigMap:t,columnConfigMap:n,setColumnConfigMap:a}}),i=s.useMemo(()=>[...b.entries()].sort(([e,t],[n,a])=>t.order-a.order).map(([e,t])=>{const{title:n,configurable:a,...d}=t;return{value:e,label:n,disabled:!a,...d}}),[b]),o=s.useCallback(e=>{const t=e.reduce((n,a,d)=>{const{value:M,label:$,disabled:q,order:H,...V}=a,w={title:$,configurable:!q,order:d+1,...V};return n.set(M,w),n},new Map);c(t)},[c]),f=s.useMemo(()=>i.filter(e=>e.show).map(e=>e.value),[i]),p=s.useMemo(()=>{const e=f.length,t=i.length;return e===t?"checked":e>0?"indeterminate":"unchecked"},[f.length,i.length]),h=s.useCallback(e=>{const t=new Set(e),n=i.map(a=>({...a,show:t.has(a.value)}));o(n)},[i,o]),u=s.useCallback((e,t)=>{const n=i.map(a=>({...a,fixed:a.value===e?t:a.fixed}));o(n)},[i,o]),k=s.useCallback(e=>{o(e)},[o]),y=s.useCallback(()=>{c(new Map(v))},[v,c]);return l.jsxs("div",{css:z,children:[l.jsxs("div",{className:"vef-table-columns-settings-panel-header",children:[l.jsx(S.default,{indeterminate:p==="indeterminate",label:l.jsx(R.default,{bold:!0,children:"列显示"}),value:p==="checked",variant:"checkbox",onChange:e=>{h(e?i.map(t=>t.value):[])}}),l.jsx(g.default,{color:"primary",variant:"text",onClick:y,children:"重置"})]}),l.jsx(C.default,{}),l.jsx(x.Checkbox.Group,{className:"vef-table-columns-settings-panel-body",value:f,onChange:h,children:l.jsx(O.default,{useHandle:!0,className:"vef-table-columns-settings-panel-columns",handleClassName:"vef-table-columns-settings-panel-column-drag-icon",itemClassName:"vef-table-columns-settings-panel-column",itemKey:"value",items:i,useOverlay:!1,renderItem:({value:e,label:t,disabled:n,fixed:a,show:d})=>l.jsxs(l.Fragment,{children:[l.jsx(x.Checkbox,{disabled:n,value:e,children:t}),l.jsxs("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[l.jsx(g.default,{color:a==="left"?"primary":"default",disabled:n||!d,icon:a==="left"?l.jsx(m.RollbackOutlined,{}):l.jsx(m.VerticalRightOutlined,{}),size:"small",tip:a==="left"?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{a==="left"?u(e):u(e,"left")}}),l.jsx(C.default,{orientation:"vertical"}),l.jsx(g.default,{color:a==="right"?"primary":"default",disabled:n||!d,icon:a==="right"?l.jsx(m.RollbackOutlined,{}):l.jsx(m.VerticalLeftOutlined,{}),size:"small",tip:a==="right"?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{a==="right"?u(e):u(e,"right")}})]})]}),onChange:k})})]})}const j=s.memo(P,()=>!1);j.displayName="VefColumnsSettings",exports.default=j;