npm - @teamias/rex-design - Versions diffs - 0.0.1 - Mend

@teamias/rex-design 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (134) hide show

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

@@ -0,0 +1,332 @@
+import React from "react";
+import { DataCell } from "../../..";
+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',
+          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://'
+          }
+        }
+      }
+    }, {
+      "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": "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: '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'
+        }
+      }
+    }, {
+      "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",
+          value: 'http://',
+          action: 'url',
+          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": {
+            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/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './data-cell';
2	+ export * from './types';

package/dist/components/data-cell/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./data-cell";
2	+ export * from "./types";

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { TDataCellType, IDataCellProps, 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>;