@teamias/rex-design 0.0.1 → 0.0.2

package/dist/components/data-cell/demo/index.js

@@ -1,332 +1,350 @@
-import React from "react";
 import { DataCell } from "../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default (function () {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DataCell, {
-    items: [{
-      "type": "text",
-      "props": {
-        "label": "中文",
-        "value": 1075
-      }
-    }, {
-      "type": "img",
-      "props": {
-        "label": "ssss",
-        value: 'http://'
-      }
-    }, {
-      "type": "tag",
-      "props": {
-        "label": "ssss",
-        value: 'http://'
-      }
-    }, {
-      "type": "link",
-      "props": {
-        "label": "ssss",
-        value: 'http://'
-      }
-    }, {
-      "type": "icon",
-      "props": {
-        "label": "iconify",
-        value: 'svg-spinners:ring-resize'
-      }
-    }, {
-      "type": "link-group",
-      "props": {
-        items: [{
-          "label": "ssss",
-          value: 'http://',
-          action: 'url',
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(DataCell, {
+      items: [{
+        type: 'text',
+        props: {
+          label: '中文',
+          value: 1075
+        }
+      }, {
+        type: 'img',
+        props: {
+          label: 'ssss',
+          value: 'http://'
+        }
+      }, {
+        type: 'tag',
+        props: {
+          label: 'ssss',
+          value: 'http://'
+        }
+      }, {
+        type: 'link',
+        props: {
+          label: 'ssss',
+          value: 'http://'
+        }
+      }, {
+        type: 'icon',
+        props: {
+          label: 'iconify',
+          value: 'svg-spinners:ring-resize'
+        }
+      }, {
+        type: 'link-group',
+        props: {
+          items: [{
+            label: 'ssss',
+            value: 'http://',
+            action: 'url',
+            style: {
+              color: 'red'
+            }
+          }, {
+            label: 'ssss',
+            value: 'http://',
+            action: 'url'
+          }]
+        }
+      }, {
+        type: 'group',
+        props: {
           style: {
-            color: 'red'
-          }
-        }, {
-          "label": "ssss",
-          value: 'http://',
-          action: 'url'
-        }]
-      }
-    }, {
-      type: 'group',
-      props: {
-        style: {
-          display: 'inline-flex',
-          flexDirection: 'column',
-          gap: 10
-        },
-        items: [{
-          "type": "icon",
-          "props": {
-            "label": "iconify",
-            value: 'svg-spinners:ring-resize'
-          }
-        }, {
-          "type": "text",
-          "props": {
-            "label": "中文",
-            "value": 1075
-          }
-        }]
-      }
-    }]
-  }), /*#__PURE__*/React.createElement("span", null, "-------------------------------------"), /*#__PURE__*/React.createElement(DataCell, {
-    items: [{
-      "type": "text",
-      "props": {
-        "label": "中文",
-        "value": 1075,
-        copyable: true
-      }
-    }, {
-      "type": "text",
-      "props": {
-        "label": "中文2",
-        "value": {
-          "type": "img",
-          "props": {
-            "label": "ssss",
-            value: 'http://'
+            display: 'inline-flex',
+            flexDirection: 'column',
+            gap: 10
+          },
+          items: [{
+            type: 'icon',
+            props: {
+              label: 'iconify',
+              value: 'svg-spinners:ring-resize'
+            }
+          }, {
+            type: 'text',
+            props: {
+              label: '中文',
+              value: 1075
+            }
+          }]
+        }
+      }]
+    }), /*#__PURE__*/_jsx("span", {
+      children: "-------------------------------------"
+    }), /*#__PURE__*/_jsx(DataCell, {
+      items: [{
+        type: 'text',
+        props: {
+          label: '中文',
+          value: 1075,
+          copyable: true
+        }
+      }, {
+        type: 'text',
+        props: {
+          label: '中文2',
+          value: {
+            type: 'img',
+            props: {
+              label: 'ssss',
+              value: 'http://'
+            }
           }
         }
-      }
-    }, {
-      "type": "text",
-      "props": {
-        "label": "中文2",
-        "value": {
-          "type": "tag",
-          "props": {
-            "label": "ssss",
-            value: 'http://'
+      }, {
+        type: 'text',
+        props: {
+          label: '中文2',
+          value: {
+            type: 'tag',
+            props: {
+              label: 'ssss',
+              value: 'http://'
+            }
           }
         }
-      }
-    }, {
-      "type": "text",
-      "props": {
-        "label": "中文2",
-        "value": {
-          "type": "link",
-          "props": {
-            "label": "ssss",
-            value: 'http://',
-            copyable: "自定义内容"
+      }, {
+        type: 'text',
+        props: {
+          label: '中文2',
+          value: {
+            type: 'link',
+            props: {
+              label: 'ssss',
+              value: 'http://',
+              copyable: '自定义内容'
+            }
           }
         }
-      }
-    }, {
-      "type": "text",
-      "props": {
-        "label": "中文2",
-        "value": {
-          "type": "icon",
-          "props": {
-            "label": "iconify",
-            value: 'svg-spinners:ring-resize'
+      }, {
+        type: 'text',
+        props: {
+          label: '中文2',
+          value: {
+            type: 'icon',
+            props: {
+              label: 'iconify',
+              value: 'svg-spinners:ring-resize'
+            }
           }
         }
-      }
-    }, {
-      "type": "text",
-      "props": {
-        "label": "中文2",
-        "value": {
-          "type": "link-group",
-          "props": {
-            items: [{
-              "label": "ssss",
-              value: 'http://',
-              action: 'url',
-              style: {
-                color: 'red'
-              }
-            }, {
-              "label": "ssss",
-              value: 'http://',
-              action: 'url'
-            }]
+      }, {
+        type: 'text',
+        props: {
+          label: '中文2',
+          value: {
+            type: 'link-group',
+            props: {
+              items: [{
+                label: 'ssss',
+                value: 'http://',
+                action: 'url',
+                style: {
+                  color: 'red'
+                }
+              }, {
+                label: 'ssss',
+                value: 'http://',
+                action: 'url'
+              }]
+            }
           }
         }
-      }
-    }, {
-      "type": "text",
-      "props": {
-        "label": "中文2",
-        "value": {
-          type: 'group',
-          props: {
-            items: [{
-              "type": "icon",
-              "props": {
-                "label": "iconify",
-                value: 'svg-spinners:ring-resize'
-              }
-            }, {
-              "type": "text",
-              "props": {
-                "label": "中文",
-                "value": 1075
-              }
-            }]
+      }, {
+        type: 'text',
+        props: {
+          label: '中文2',
+          value: {
+            type: 'group',
+            props: {
+              items: [{
+                type: 'icon',
+                props: {
+                  label: 'iconify',
+                  value: 'svg-spinners:ring-resize'
+                }
+              }, {
+                type: 'text',
+                props: {
+                  label: '中文',
+                  value: 1075
+                }
+              }]
+            }
           }
         }
-      }
-    }]
-  }), /*#__PURE__*/React.createElement("span", null, "-------------------------------------"), /*#__PURE__*/React.createElement(DataCell, {
-    items: [{
-      "type": "img",
-      "props": {
-        "label": "ssss",
-        value: 'http://'
-      }
-    }]
-  }), /*#__PURE__*/React.createElement("span", null, "-------------------------------------"), /*#__PURE__*/React.createElement(DataCell, {
-    items: [{
-      "type": "tag",
-      "props": {
-        "label": "ssss",
-        value: 'http://'
-      }
-    }]
-  }), /*#__PURE__*/React.createElement("span", null, "-------------------------------------"), /*#__PURE__*/React.createElement(DataCell, {
-    items: [{
-      "type": "link",
-      "props": {
-        "label": "ssss",
-        value: 'http://',
-        action: 'url'
-      }
-    }, {
-      "type": "link",
-      "props": {
-        "label": "ssss",
-        value: 'http://',
-        action: 'default',
-        tooltip: '进7天数据',
-        style: {
-          color: 'red'
+      }]
+    }), /*#__PURE__*/_jsx("span", {
+      children: "-------------------------------------"
+    }), /*#__PURE__*/_jsx(DataCell, {
+      items: [{
+        type: 'img',
+        props: {
+          label: 'ssss',
+          value: 'http://'
+        }
+      }]
+    }), /*#__PURE__*/_jsx("span", {
+      children: "-------------------------------------"
+    }), /*#__PURE__*/_jsx(DataCell, {
+      items: [{
+        type: 'tag',
+        props: {
+          label: 'ssss',
+          value: 'http://'
+        }
+      }]
+    }), /*#__PURE__*/_jsx("span", {
+      children: "-------------------------------------"
+    }), /*#__PURE__*/_jsx(DataCell, {
+      items: [{
+        type: 'link',
+        props: {
+          label: 'ssss',
+          value: 'http://',
+          action: 'url'
         }
-      }
-    }, {
-      "type": "link",
-      "props": {
-        "label": "ssss",
-        value: 'http://',
-        action: 'custom'
-      }
-    }]
-  }), /*#__PURE__*/React.createElement("span", null, "-------------------------------------"), /*#__PURE__*/React.createElement(DataCell, {
-    items: [{
-      "type": "icon",
-      "props": {
-        "label": "iconify",
-        value: 'svg-spinners:ring-resize'
-      }
-    }]
-  }), /*#__PURE__*/React.createElement("span", null, "-------------------------------------"), /*#__PURE__*/React.createElement(DataCell, {
-    items: [{
-      "type": "link-group",
-      "props": {
-        items: [{
-          "label": "ssss",
+      }, {
+        type: 'link',
+        props: {
+          label: 'ssss',
           value: 'http://',
-          action: 'url',
+          action: 'default',
+          tooltip: '进7天数据',
           style: {
             color: 'red'
-          },
-          tooltip: '进7天数据'
-        }, {
-          "label": "ssss",
-          value: 'http://',
-          action: 'url'
-        }]
-      }
-    }]
-  }), /*#__PURE__*/React.createElement("span", null, "-------------------------------------"), /*#__PURE__*/React.createElement(DataCell, {
-    items: [{
-      type: 'group',
-      props: {
-        style: {
-          display: 'inline-flex',
-          flexDirection: 'column',
-          gap: 10
-        },
-        items: [{
-          "type": "icon",
-          "props": {
-            "label": "iconify",
-            value: 'svg-spinners:ring-resize'
-          }
-        }, {
-          "type": "text",
-          "props": {
-            "label": "中文",
-            "value": 1075
-          }
-        }, {
-          "type": "link-group",
-          "props": {
-            items: [{
-              "label": "ssss",
-              value: 'http://',
-              action: 'url',
-              style: {
-                color: 'red'
-              },
-              tooltip: '进7天数据'
-            }, {
-              "label": "ssss",
-              value: 'http://',
-              action: 'url'
-            }]
-          }
-        }]
-      }
-    }, {
-      "type": "group",
-      props: {
-        "style": {
-          "display": "inline-flex",
-          "alignItems": "center",
-          gap: 10
-        },
-        "items": [{
-          "type": "img",
-          "props": {
-            "value": "http://image.spocoo.com/a5160c8d2dc02477ba82dd4f41b9cc6bjpg",
-            "width": 50
           }
-        }, {
-          "type": "group",
-          "props": {
+        }
+      }, {
+        type: 'link',
+        props: {
+          label: 'ssss',
+          value: 'http://',
+          action: 'custom'
+        }
+      }]
+    }), /*#__PURE__*/_jsx("span", {
+      children: "-------------------------------------"
+    }), /*#__PURE__*/_jsx(DataCell, {
+      items: [{
+        type: 'icon',
+        props: {
+          label: 'iconify',
+          value: 'svg-spinners:ring-resize'
+        }
+      }]
+    }), /*#__PURE__*/_jsx("span", {
+      children: "-------------------------------------"
+    }), /*#__PURE__*/_jsx(DataCell, {
+      items: [{
+        type: 'link-group',
+        props: {
+          items: [{
+            label: 'ssss',
+            value: 'http://',
+            action: 'url',
             style: {
-              width: 140
+              color: 'red'
             },
-            "items": [{
-              "type": "text",
-              "props": {
-                "label": "类目",
-                "value": "-",
-                "width": 200
-              }
-            }, {
-              "type": "text",
-              "props": {
-                "label": "开发员",
-                "value": "0 (陈梦珂)"
-              }
-            }, {
-              "type": "text",
-              "props": {
-                "label": "发布",
-                "value": "2024-05-21"
-              }
-            }]
-          }
-        }]
-      }
-    }]
-  }));
+            tooltip: '进7天数据'
+          }, {
+            label: 'ssss',
+            value: 'http://',
+            action: 'url'
+          }]
+        }
+      }]
+    }), /*#__PURE__*/_jsx("span", {
+      children: "-------------------------------------"
+    }), /*#__PURE__*/_jsx(DataCell, {
+      items: [{
+        type: 'group',
+        props: {
+          style: {
+            display: 'inline-flex',
+            flexDirection: 'column',
+            gap: 10
+          },
+          items: [{
+            type: 'icon',
+            props: {
+              label: 'iconify',
+              value: 'svg-spinners:ring-resize'
+            }
+          }, {
+            type: 'text',
+            props: {
+              label: '中文',
+              value: 1075
+            }
+          }, {
+            type: 'link-group',
+            props: {
+              items: [{
+                label: 'ssss',
+                value: 'http://',
+                action: 'url',
+                style: {
+                  color: 'red'
+                },
+                tooltip: '进7天数据'
+              }, {
+                label: 'ssss',
+                value: 'http://',
+                action: 'url'
+              }]
+            }
+          }]
+        }
+      }, {
+        type: 'group',
+        props: {
+          style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 10
+          },
+          items: [{
+            type: 'img',
+            props: {
+              value: 'http://image.spocoo.com/a5160c8d2dc02477ba82dd4f41b9cc6bjpg',
+              width: 50
+            }
+          }, {
+            type: 'group',
+            props: {
+              style: {
+                width: 140
+              },
+              items: [{
+                type: 'text',
+                props: {
+                  label: '类目',
+                  value: '-',
+                  width: 200
+                }
+              }, {
+                type: 'text',
+                props: {
+                  label: '开发员',
+                  value: '0 (陈梦珂)'
+                }
+              }, {
+                type: 'text',
+                props: {
+                  label: '发布',
+                  value: '2024-05-21'
+                }
+              }]
+            }
+          }]
+        }
+      }]
+    })]
+  });
 });

package/dist/components/data-cell/modules/cellItemMap.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { TDataCellType, IDataCellProps, TGroupV2 } from "../types";
+import React from 'react';
+import { IDataCellProps, TDataCellType, TGroupV2 } from '../types';
 export declare const cellItemMap: Record<TDataCellType, (item: IDataCellProps['items'][number], click?: (rawItem: IDataCellProps['items'][number], subItem?: Exclude<TGroupV2['props'], undefined>['items'][number]) => void) => React.ReactNode>;