@yuku123/z-oss-frontend-component 0.1.0

package/README.md

@@ -0,0 +1,25 @@
+# @yuku123/z-oss-frontend-component
+
+> ��抽自 z-opc 对应 _frontend）
+
+## 安装
+
+```bash
+npm install @yuku123/z-oss-frontend-component
+```
+
+## 使用
+
+```jsx
+import { FileSizeFormatter } from '@yuku123/z-oss-frontend-component'
+
+<FileSizeFormatter prop="value"/>
+```
+
+## 仓库
+
+https://github.com/yuku123/z-opc-frontend/tree/main/packages/z-oss-frontend-component
+
+## License
+
+MIT

package/dist/z-oss-frontend-component.es.js

@@ -0,0 +1,295 @@
+import re from "react";
+import { Tag as te } from "antd";
+var v = { exports: {} }, _ = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var $;
+function ne() {
+  if ($) return _;
+  $ = 1;
+  var s = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
+  function u(i, a, l) {
+    var d = null;
+    if (l !== void 0 && (d = "" + l), a.key !== void 0 && (d = "" + a.key), "key" in a) {
+      l = {};
+      for (var m in a)
+        m !== "key" && (l[m] = a[m]);
+    } else l = a;
+    return a = l.ref, {
+      $$typeof: s,
+      type: i,
+      key: d,
+      ref: a !== void 0 ? a : null,
+      props: l
+    };
+  }
+  return _.Fragment = c, _.jsx = u, _.jsxs = u, _;
+}
+var E = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var F;
+function oe() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
+    function s(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Q ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case b:
+          return "Fragment";
+        case B:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case G:
+          return "Suspense";
+        case X:
+          return "SuspenseList";
+        case Z:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case z:
+            return "Portal";
+          case J:
+            return e.displayName || "Context";
+          case q:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case V:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case H:
+            return r = e.displayName || null, r !== null ? r : s(e.type) || "Memo";
+          case T:
+            r = e._payload, e = e._init;
+            try {
+              return s(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function c(e) {
+      return "" + e;
+    }
+    function u(e) {
+      try {
+        c(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), c(e);
+      }
+    }
+    function i(e) {
+      if (e === b) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === T)
+        return "<...>";
+      try {
+        var r = s(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var e = k.A;
+      return e === null ? null : e.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (w.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, r) {
+      function t() {
+        j || (j = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function L() {
+      var e = s(this.type);
+      return y[e] || (y[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function W(e, r, t, n, p, S) {
+      var o = t.ref;
+      return e = {
+        $$typeof: x,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: L
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: p
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: S
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function P(e, r, t, n, p, S) {
+      var o = r.children;
+      if (o !== void 0)
+        if (n)
+          if (K(o)) {
+            for (n = 0; n < o.length; n++)
+              g(o[n]);
+            Object.freeze && Object.freeze(o);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else g(o);
+      if (w.call(r, "key")) {
+        o = s(e);
+        var f = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
+        });
+        n = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", Y[o + n] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          n,
+          o,
+          f,
+          o
+        ), Y[o + n] = !0);
+      }
+      if (o = null, t !== void 0 && (u(t), o = "" + t), d(r) && (u(r.key), o = "" + r.key), "key" in r) {
+        t = {};
+        for (var A in r)
+          A !== "key" && (t[A] = r[A]);
+      } else t = r;
+      return o && m(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), W(
+        e,
+        o,
+        t,
+        a(),
+        p,
+        S
+      );
+    }
+    function g(e) {
+      h(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? h(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function h(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === x;
+    }
+    var R = re, x = Symbol.for("react.transitional.element"), z = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), q = Symbol.for("react.consumer"), J = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), k = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, w = Object.prototype.hasOwnProperty, K = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    R = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var j, y = {}, N = R.react_stack_bottom_frame.bind(
+      R,
+      l
+    )(), C = O(i(l)), Y = {};
+    E.Fragment = b, E.jsx = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return P(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : N,
+        n ? O(i(e)) : C
+      );
+    }, E.jsxs = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return P(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : N,
+        n ? O(i(e)) : C
+      );
+    };
+  })()), E;
+}
+var M;
+function ae() {
+  return M || (M = 1, process.env.NODE_ENV === "production" ? v.exports = ne() : v.exports = oe()), v.exports;
+}
+var I = ae();
+function D(s, c = 2) {
+  if (!s || s === 0) return "0 B";
+  const u = 1024, i = ["B", "KB", "MB", "GB", "TB", "PB"], a = Math.floor(Math.log(s) / Math.log(u));
+  return `${parseFloat((s / Math.pow(u, a)).toFixed(c))} ${i[a]}`;
+}
+function ue({ bytes: s, decimals: c = 2, colored: u = !0 }) {
+  if (!u) return /* @__PURE__ */ I.jsx("span", { children: D(s, c) });
+  const a = s / 1024 / 1024;
+  let l = "blue";
+  return a >= 100 ? l = "red" : a >= 10 ? l = "orange" : a >= 1 && (l = "gold"), /* @__PURE__ */ I.jsx(te, { color: l, children: D(s, c) });
+}
+export {
+  ue as FileSizeFormatter,
+  D as formatSize
+};

package/dist/z-oss-frontend-component.umd.js

@@ -0,0 +1,22 @@
+(function(i,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("antd")):typeof define=="function"&&define.amd?define(["exports","react","antd"],m):(i=typeof globalThis<"u"?globalThis:i||self,m(i.z_oss_frontend_component={},i.React,i.antd))})(this,(function(i,m,W){"use strict";var v={exports:{}},_={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var j;function U(){if(j)return _;j=1;var s=Symbol.for("react.transitional.element"),c=Symbol.for("react.fragment");function l(f,a,u){var p=null;if(u!==void 0&&(p=""+u),a.key!==void 0&&(p=""+a.key),"key"in a){u={};for(var R in a)R!=="key"&&(u[R]=a[R])}else u=a;return a=u.ref,{$$typeof:s,type:f,key:p,ref:a!==void 0?a:null,props:u}}return _.Fragment=c,_.jsx=l,_.jsxs=l,_}var E={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var x;function q(){return x||(x=1,process.env.NODE_ENV!=="production"&&(function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ae?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case S:return"Fragment";case Z:return"Profiler";case H:return"StrictMode";case re:return"Suspense";case te:return"SuspenseList";case oe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case X:return"Portal";case K:return e.displayName||"Context";case Q:return(e._context.displayName||"Context")+".Consumer";case ee:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ne:return r=e.displayName||null,r!==null?r:s(e.type)||"Memo";case O:r=e._payload,e=e._init;try{return s(e(r))}catch{}}return null}function c(e){return""+e}function l(e){try{c(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),c(e)}}function f(e){if(e===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var r=s(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=h.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function p(e){if(M.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function R(e,r){function t(){$||($=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function V(){var e=s(this.type);return I[e]||(I[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function G(e,r,t,n,T,P){var o=t.ref;return e={$$typeof:Y,type:e,key:r,props:t,_owner:n},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:V}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:T}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function N(e,r,t,n,T,P){var o=r.children;if(o!==void 0)if(n)if(se(o)){for(n=0;n<o.length;n++)C(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else C(o);if(M.call(r,"key")){o=s(e);var d=Object.keys(r).filter(function(ue){return ue!=="key"});n=0<d.length?"{key: someKey, "+d.join(": ..., ")+": ...}":"{key: someKey}",L[o+n]||(d=0<d.length?"{"+d.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,n,o,d,o),L[o+n]=!0)}if(o=null,t!==void 0&&(l(t),o=""+t),p(r)&&(l(r.key),o=""+r.key),"key"in r){t={};for(var g in r)g!=="key"&&(t[g]=r[g])}else t=r;return o&&R(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),G(e,o,t,a(),T,P)}function C(e){F(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?F(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function F(e){return typeof e=="object"&&e!==null&&e.$$typeof===Y}var b=m,Y=Symbol.for("react.transitional.element"),X=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),H=Symbol.for("react.strict_mode"),Z=Symbol.for("react.profiler"),Q=Symbol.for("react.consumer"),K=Symbol.for("react.context"),ee=Symbol.for("react.forward_ref"),re=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),ne=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),oe=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),h=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,se=Array.isArray,A=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(e){return e()}};var $,I={},z=b.react_stack_bottom_frame.bind(b,u)(),D=A(f(u)),L={};E.Fragment=S,E.jsx=function(e,r,t){var n=1e4>h.recentlyCreatedOwnerStacks++;return N(e,r,t,!1,n?Error("react-stack-top-frame"):z,n?A(f(e)):D)},E.jsxs=function(e,r,t){var n=1e4>h.recentlyCreatedOwnerStacks++;return N(e,r,t,!0,n?Error("react-stack-top-frame"):z,n?A(f(e)):D)}})()),E}var w;function B(){return w||(w=1,process.env.NODE_ENV==="production"?v.exports=U():v.exports=q()),v.exports}var y=B();function k(s,c=2){if(!s||s===0)return"0 B";const l=1024,f=["B","KB","MB","GB","TB","PB"],a=Math.floor(Math.log(s)/Math.log(l));return`${parseFloat((s/Math.pow(l,a)).toFixed(c))} ${f[a]}`}function J({bytes:s,decimals:c=2,colored:l=!0}){if(!l)return y.jsx("span",{children:k(s,c)});const a=s/1024/1024;let u="blue";return a>=100?u="red":a>=10?u="orange":a>=1&&(u="gold"),y.jsx(W.Tag,{color:u,children:k(s,c)})}i.FileSizeFormatter=J,i.formatSize=k,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@yuku123/z-oss-frontend-component",
+  "version": "0.1.0",
+  "private": false,
+  "description": "z-oss 模块共享前端组件（抽自 z-opc/z-oss/_frontend）",
+  "keywords": ["react", "antd", "oss", "z-opc"],
+  "license": "MIT",
+  "author": { "name": "zifang", "email": "1340947819@qq.com" },
+  "homepage": "https://github.com/yuku123/z-opc-frontend/tree/main/packages/z-oss-frontend-component#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yuku123/z-opc-frontend.git",
+    "directory": "packages/z-oss-frontend-component"
+  },
+  "bugs": { "url": "https://github.com/yuku123/z-opc-frontend/issues" },
+  "main": "./dist/z-oss-frontend-component.umd.js",
+  "module": "./dist/z-oss-frontend-component.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/z-oss-frontend-component.es.js",
+      "require": "./dist/z-oss-frontend-component.umd.js"
+    }
+  },
+  "files": ["dist", "src", "README.md"],
+  "publishConfig": { "access": "public", "registry": "https://registry.npmjs.org/" },
+  "scripts": {
+    "dev": "vite --port 3091",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "antd": "^6.3.3"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.2.1",
+    "vite": "^6.2.0"
+  }
+}

package/src/FileSizeFormatter.jsx

@@ -0,0 +1,34 @@
+import React from 'react'
+import {Tag} from 'antd'
+
+/**
+ * 文件大小格式化（B / KB / MB / GB / TB）
+ * <p>
+ * 抽自 z-oss/_frontend/src/pages/ObjectList.jsx
+ *
+ * @param {number} bytes
+ * @param {number} decimals - 保留小数位（默认 2）
+ */
+function formatSize(bytes, decimals = 2) {
+    if (!bytes || bytes === 0) return '0 B'
+    const k = 1024
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB']
+    const i = Math.floor(Math.log(bytes) / Math.log(k))
+    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(decimals))} ${sizes[i]}`
+}
+
+export default function FileSizeFormatter({bytes, decimals = 2, colored = true}) {
+    if (!colored) return <span>{formatSize(bytes, decimals)}</span>
+
+    const kb = bytes / 1024
+    const mb = kb / 1024
+    let color = 'blue'
+    if (mb >= 100) color = 'red'
+    else if (mb >= 10) color = 'orange'
+    else if (mb >= 1) color = 'gold'
+
+    return <Tag color={color}>{formatSize(bytes, decimals)}</Tag>
+}
+
+// 命名导出：纯函数版本（不依赖 antd）
+export {formatSize}

package/src/dev.jsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import FileSizeFormatter from './FileSizeFormatter'
+
+const root = ReactDOM.createRoot(document.getElementById('root'))
+root.render(
+    <div style={{padding: 40, display: 'flex', flexDirection: 'column', gap: 8}}>
+        <FileSizeFormatter bytes={512}/>
+        <FileSizeFormatter bytes={1024 * 50}/>
+        <FileSizeFormatter bytes={1024 * 1024 * 5}/>
+        <FileSizeFormatter bytes={1024 * 1024 * 50}/>
+        <FileSizeFormatter bytes={1024 * 1024 * 1024 * 2}/>
+    </div>
+)

package/src/index.js

@@ -0,0 +1 @@
+export {default as FileSizeFormatter, formatSize} from './FileSizeFormatter'