@fctc/sme-widget-ui 1.0.7 → 1.0.9

package/dist/widgets.d.mts

@@ -39,6 +39,7 @@ interface TableBodyProps {
     typeCo?: any;
     setSelectedRowKeys?: any;
     selectedRowKeys?: any;
+    isEditTable?: boolean;
 }
 declare const TableBody: (props: TableBodyProps) => JSX.Element;
 

package/dist/widgets.d.ts

@@ -39,6 +39,7 @@ interface TableBodyProps {
     typeCo?: any;
     setSelectedRowKeys?: any;
     selectedRowKeys?: any;
+    isEditTable?: boolean;
 }
 declare const TableBody: (props: TableBodyProps) => JSX.Element;
 

package/dist/widgets.js

@@ -6771,7 +6771,7 @@ var import_jsx_runtime26 = require("react/jsx-runtime");
 // src/icons/search-icon.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var SearchIcon = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6779,22 +6779,13 @@ var SearchIcon = () => {
       height: "20",
       viewBox: "0 0 20 20",
       fill: "none",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          "path",
-          {
-            d: "M9.58334 18.1248C4.875 18.1248 1.04167 14.2915 1.04167 9.58317C1.04167 4.87484 4.875 1.0415 9.58334 1.0415C14.2917 1.0415 18.125 4.87484 18.125 9.58317C18.125 14.2915 14.2917 18.1248 9.58334 18.1248ZM9.58334 2.2915C5.55834 2.2915 2.29167 5.5665 2.29167 9.58317C2.29167 13.5998 5.55834 16.8748 9.58334 16.8748C13.6083 16.8748 16.875 13.5998 16.875 9.58317C16.875 5.5665 13.6083 2.2915 9.58334 2.2915Z",
-            fill: "#525252"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          "path",
-          {
-            d: "M18.3333 18.9585C18.175 18.9585 18.0167 18.9002 17.8917 18.7752L16.225 17.1085C15.9833 16.8669 15.9833 16.4669 16.225 16.2252C16.4667 15.9835 16.8667 15.9835 17.1083 16.2252L18.775 17.8919C19.0167 18.1335 19.0167 18.5335 18.775 18.7752C18.65 18.9002 18.4917 18.9585 18.3333 18.9585Z",
-            fill: "#525252"
-          }
-        )
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "path",
+        {
+          d: "M14.5232 13.4627L17.7355 16.6742L16.6742 17.7355L13.4627 14.5232C12.2678 15.4812 10.7815 16.0022 9.25 16C5.524 16 2.5 12.976 2.5 9.25C2.5 5.524 5.524 2.5 9.25 2.5C12.976 2.5 16 5.524 16 9.25C16.0022 10.7815 15.4812 12.2678 14.5232 13.4627ZM13.0187 12.9062C13.9706 11.9274 14.5021 10.6153 14.5 9.25C14.5 6.349 12.1502 4 9.25 4C6.349 4 4 6.349 4 9.25C4 12.1502 6.349 14.5 9.25 14.5C10.6153 14.5021 11.9274 13.9706 12.9062 13.0187L13.0187 12.9062Z",
+          fill: "#AEAEAE"
+        }
+      )
     }
   );
 };
@@ -12018,7 +12009,8 @@ var TableBodyRow = (props) => {
     checked,
     isForm,
     typeCo,
-    selectedRowKeys
+    selectedRowKeys,
+    isEditTable
   } = props;
   const [isAutoSelect, setIsAutoSelect] = (0, import_react11.useState)(false);
   const rootStyle = getComputedStyle(document.documentElement);
@@ -12063,16 +12055,16 @@ var TableBodyRow = (props) => {
         checkedAll,
         setIsAutoSelect,
         isAutoSelect,
-        s: true,
         selectedRowKeysRef,
-        setSelectedRowKeys
+        setSelectedRowKeys,
+        isEditTable
       },
       `record-${index4}`
     );
   }) : !isForm && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "w-full", colSpan: columns?.length + 2, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
     {
-      className: `flex flex-col items-center justify-center gap-3 ${typeCo === "form" ? "my-6" : "my-20"}`,
+      className: `flex flex-col items-center justify-center gap-3 ${typeCo === "form" ? "my-6" : "my-2"}`,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EmptyData, { className: colorPrimary }),
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
@@ -12081,7 +12073,7 @@ var TableBodyRow = (props) => {
   ) }) });
 };
 var TableBody = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableBodyRow, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("tbody", { className: "overflow-hidden z-0", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableBodyRow, { ...props }) });
 };
 
 // src/widgets/advanced/table/table-filter.tsx
@@ -12331,11 +12323,11 @@ var TableHead = (props) => {
     onRemoveRow,
     onToggleColumnOptional
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { className: "relative z-[0]", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "tr",
     {
       style: { userSelect: "none", WebkitUserSelect: "none" },
-      className: "border-b-[1.5px] border-[#DEE7DD] sticky top-0 bg-[#eff1f2] z-[1]",
+      className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
       children: [
         isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "th",
@@ -33221,7 +33213,7 @@ var SelectDropdownField = (props) => {
     value: val[0],
     label: val[1]
   })) : [];
-  if (!isForm) {
+  if (!isForm && !isEditTable) {
     return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
   } else {
     return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
@@ -33263,20 +33255,43 @@ var SelectDropdownField = (props) => {
               StateManagedSelect$1,
               {
                 ...commonProps,
-                classNames: isEditTable ? {
-                  control: () => `w-full flex ring-0 cursor-pointer outline-0 !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? "!cursor-not-allowed" : ""}`,
-                  valueContainer: () => "!m-0 !p-0",
-                  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
-                  input: () => "!m-0 !p-0",
-                  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
-                  clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
-                } : {
-                  control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 !bg-white !shadow-none !rounded-[8px] p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isFocused ? "!border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} `,
-                  valueContainer: () => "!m-0 !p-0",
-                  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
-                  input: () => "!m-0 !p-0",
-                  dropdownIndicator: () => "!m-0 !p-0"
+                styles: {
+                  control: (base, state) => ({
+                    ...base,
+                    display: "flex",
+                    minHeight: "44px",
+                    cursor: readonly ? "not-allowed" : "pointer",
+                    backgroundColor: "#f7f7f7",
+                    borderRadius: isEditTable ? "0px" : "10px",
+                    padding: "4px 0px",
+                    border: isForm ? state.isFocused ? "1px solid var(--primary)" : "1px solid transparent" : "none",
+                    boxShadow: "none",
+                    "&:hover": {
+                      borderColor: "var(--primary)"
+                    },
+                    ...isEditTable && {
+                      minWidth: "300px",
+                      maxWidth: "300px",
+                      borderBottom: "1px solid transparent",
+                      background: "transparent"
+                    }
+                  }),
+                  clearIndicator: (base) => ({
+                    ...base,
+                    padding: "0"
+                  }),
+                  menuPortal: (base) => ({
+                    ...base,
+                    zIndex: 9999
+                  }),
+                  menu: (base) => ({
+                    ...base,
+                    zIndex: 9999,
+                    width: isEditTable ? "300px" : "100%",
+                    minWidth: isEditTable ? "300px" : "100%"
+                  })
                 },
+                menuPortalTarget: typeof window !== "undefined" ? document.body : null,
                 components: {
                   IndicatorSeparator: () => null,
                   DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(components.DropdownIndicator, { ...props2 })
@@ -33840,15 +33855,10 @@ var Many2OneField = (props) => {
     string,
     //return
     menuList,
-    handleChooseRecord,
-    handleClose,
-    selectedRowKeys,
     allowShowDetail,
     index: index4,
     contextObject,
     renderDetail,
-    isShowModalMany2Many,
-    initValue,
     tempSelectedOption,
     options: options2,
     fetchMoreOptions,