@oscloudlab/knowledge-card 0.0.1

package/README.md

@@ -0,0 +1,77 @@
+# React Knowledge Card
+
+一个美观且可定制的React知识卡片组件���支持TypeScript。
+
+## 特性
+
+
+## 安装
+
+```bash
+npm install react-knowledge-card
+# 或
+yarn add react-knowledge-card
+```
+
+## 使用方法
+
+```tsx
+import React from 'react'
+import { KnowledgeCard } from 'react-knowledge-card'
+
+function App() {
+  return (
+    <KnowledgeCard
+      title="React Hooks 入门"
+      content="React Hooks 是 React 16.8 引入的新特性..."
+      tags={['React', 'Hooks', '前端']}
+      type="primary"
+      author="张三"
+      createTime="2024-01-15"
+      readTime="5分钟"
+      clickable
+      onClick={() => console.log('卡片被点击')}
+    />
+  )
+}
+```
+
+## API
+
+### KnowledgeCardProps
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| title | string | - | 卡片标题 |
+| content | string | - | 卡片内容 |
+| tags | string[] | [] | 标签列表 |
+| type | 'default' \| 'primary' \| 'success' \| 'warning' \| 'danger' | 'default' | 卡片类型 |
+| shadow | boolean | true | 是否显示阴影 |
+| clickable | boolean | false | 是否可点击 |
+| onClick | () => void | - | 点击事件 |
+| className | string | - | 自定义类名 |
+| style | React.CSSProperties | - | 自定义样式 |
+| icon | React.ReactNode | - | 图标 |
+| author | string | - | 作者信息 |
+| createTime | string | - | 创建时间 |
+| readTime | string | - | 阅读时长 |
+
+## 开发
+
+```bash
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run dev
+
+# 构建组件库
+npm run build:lib
+
+# 发布到npm
+npm run publish:npm
+```
+
+## 许可证
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as KnowledgeCard } from './components/KnowledgeCard/index';
+export type { KnowledgeCardProps } from './components/KnowledgeCard/index';

package/dist/index.esm.js

@@ -0,0 +1,685 @@
+import ke from "react";
+var ee = { exports: {} }, $ = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var xe;
+function cr() {
+  if (xe) return $;
+  xe = 1;
+  var A = ke, j = Symbol.for("react.element"), k = Symbol.for("react.fragment"), y = Object.prototype.hasOwnProperty, C = A.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, T = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function R(E, c, b) {
+    var f, g = {}, m = null, S = null;
+    b !== void 0 && (m = "" + b), c.key !== void 0 && (m = "" + c.key), c.ref !== void 0 && (S = c.ref);
+    for (f in c) y.call(c, f) && !T.hasOwnProperty(f) && (g[f] = c[f]);
+    if (E && E.defaultProps) for (f in c = E.defaultProps, c) g[f] === void 0 && (g[f] = c[f]);
+    return { $$typeof: j, type: E, key: m, ref: S, props: g, _owner: C.current };
+  }
+  return $.Fragment = k, $.jsx = R, $.jsxs = R, $;
+}
+var W = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Oe;
+function fr() {
+  return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && function() {
+    var A = ke, j = Symbol.for("react.element"), k = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), E = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), Y = Symbol.iterator, B = "@@iterator";
+    function J(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = Y && e[Y] || e[B];
+      return typeof r == "function" ? r : null;
+    }
+    var P = A.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function v(e) {
+      {
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), t = 1; t < r; t++)
+          n[t - 1] = arguments[t];
+        Ce("error", e, n);
+      }
+    }
+    function Ce(e, r, n) {
+      {
+        var t = P.ReactDebugCurrentFrame, i = t.getStackAddendum();
+        i !== "" && (r += "%s", n = n.concat([i]));
+        var s = n.map(function(o) {
+          return String(o);
+        });
+        s.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, s);
+      }
+    }
+    var Se = !1, Pe = !1, De = !1, Fe = !1, Ae = !1, re;
+    re = Symbol.for("react.module.reference");
+    function Ne(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === y || e === T || Ae || e === C || e === b || e === f || Fe || e === S || Se || Pe || De || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === g || e.$$typeof === R || e.$$typeof === E || e.$$typeof === c || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === re || e.getModuleId !== void 0));
+    }
+    function Ie(e, r, n) {
+      var t = e.displayName;
+      if (t)
+        return t;
+      var i = r.displayName || r.name || "";
+      return i !== "" ? n + "(" + i + ")" : n;
+    }
+    function ne(e) {
+      return e.displayName || "Context";
+    }
+    function w(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case y:
+          return "Fragment";
+        case k:
+          return "Portal";
+        case T:
+          return "Profiler";
+        case C:
+          return "StrictMode";
+        case b:
+          return "Suspense";
+        case f:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case E:
+            var r = e;
+            return ne(r) + ".Consumer";
+          case R:
+            var n = e;
+            return ne(n._context) + ".Provider";
+          case c:
+            return Ie(e, e.render, "ForwardRef");
+          case g:
+            var t = e.displayName || null;
+            return t !== null ? t : w(e.type) || "Memo";
+          case m: {
+            var i = e, s = i._payload, o = i._init;
+            try {
+              return w(o(s));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var x = Object.assign, N = 0, te, ae, oe, ie, se, ue, le;
+    function ce() {
+    }
+    ce.__reactDisabledLog = !0;
+    function $e() {
+      {
+        if (N === 0) {
+          te = console.log, ae = console.info, oe = console.warn, ie = console.error, se = console.group, ue = console.groupCollapsed, le = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: ce,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        N++;
+      }
+    }
+    function We() {
+      {
+        if (N--, N === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: x({}, e, {
+              value: te
+            }),
+            info: x({}, e, {
+              value: ae
+            }),
+            warn: x({}, e, {
+              value: oe
+            }),
+            error: x({}, e, {
+              value: ie
+            }),
+            group: x({}, e, {
+              value: se
+            }),
+            groupCollapsed: x({}, e, {
+              value: ue
+            }),
+            groupEnd: x({}, e, {
+              value: le
+            })
+          });
+        }
+        N < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var K = P.ReactCurrentDispatcher, q;
+    function L(e, r, n) {
+      {
+        if (q === void 0)
+          try {
+            throw Error();
+          } catch (i) {
+            var t = i.stack.trim().match(/\n( *(at )?)/);
+            q = t && t[1] || "";
+          }
+        return `
+` + q + e;
+      }
+    }
+    var G = !1, V;
+    {
+      var Ye = typeof WeakMap == "function" ? WeakMap : Map;
+      V = new Ye();
+    }
+    function fe(e, r) {
+      if (!e || G)
+        return "";
+      {
+        var n = V.get(e);
+        if (n !== void 0)
+          return n;
+      }
+      var t;
+      G = !0;
+      var i = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var s;
+      s = K.current, K.current = null, $e();
+      try {
+        if (r) {
+          var o = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(o.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(o, []);
+            } catch (_) {
+              t = _;
+            }
+            Reflect.construct(e, [], o);
+          } else {
+            try {
+              o.call();
+            } catch (_) {
+              t = _;
+            }
+            e.call(o.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (_) {
+            t = _;
+          }
+          e();
+        }
+      } catch (_) {
+        if (_ && t && typeof _.stack == "string") {
+          for (var a = _.stack.split(`
+`), p = t.stack.split(`
+`), u = a.length - 1, l = p.length - 1; u >= 1 && l >= 0 && a[u] !== p[l]; )
+            l--;
+          for (; u >= 1 && l >= 0; u--, l--)
+            if (a[u] !== p[l]) {
+              if (u !== 1 || l !== 1)
+                do
+                  if (u--, l--, l < 0 || a[u] !== p[l]) {
+                    var h = `
+` + a[u].replace(" at new ", " at ");
+                    return e.displayName && h.includes("<anonymous>") && (h = h.replace("<anonymous>", e.displayName)), typeof e == "function" && V.set(e, h), h;
+                  }
+                while (u >= 1 && l >= 0);
+              break;
+            }
+        }
+      } finally {
+        G = !1, K.current = s, We(), Error.prepareStackTrace = i;
+      }
+      var F = e ? e.displayName || e.name : "", O = F ? L(F) : "";
+      return typeof e == "function" && V.set(e, O), O;
+    }
+    function Le(e, r, n) {
+      return fe(e, !1);
+    }
+    function Ve(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function M(e, r, n) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return fe(e, Ve(e));
+      if (typeof e == "string")
+        return L(e);
+      switch (e) {
+        case b:
+          return L("Suspense");
+        case f:
+          return L("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case c:
+            return Le(e.render);
+          case g:
+            return M(e.type, r, n);
+          case m: {
+            var t = e, i = t._payload, s = t._init;
+            try {
+              return M(s(i), r, n);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var I = Object.prototype.hasOwnProperty, de = {}, ve = P.ReactDebugCurrentFrame;
+    function U(e) {
+      if (e) {
+        var r = e._owner, n = M(e.type, e._source, r ? r.type : null);
+        ve.setExtraStackFrame(n);
+      } else
+        ve.setExtraStackFrame(null);
+    }
+    function Me(e, r, n, t, i) {
+      {
+        var s = Function.call.bind(I);
+        for (var o in e)
+          if (s(e, o)) {
+            var a = void 0;
+            try {
+              if (typeof e[o] != "function") {
+                var p = Error((t || "React class") + ": " + n + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw p.name = "Invariant Violation", p;
+              }
+              a = e[o](r, o, t, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (u) {
+              a = u;
+            }
+            a && !(a instanceof Error) && (U(i), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", t || "React class", n, o, typeof a), U(null)), a instanceof Error && !(a.message in de) && (de[a.message] = !0, U(i), v("Failed %s type: %s", n, a.message), U(null));
+          }
+      }
+    }
+    var Ue = Array.isArray;
+    function z(e) {
+      return Ue(e);
+    }
+    function Be(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n;
+      }
+    }
+    function Je(e) {
+      try {
+        return pe(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function pe(e) {
+      return "" + e;
+    }
+    function _e(e) {
+      if (Je(e))
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Be(e)), pe(e);
+    }
+    var ge = P.ReactCurrentOwner, Ke = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, he, me;
+    function qe(e) {
+      if (I.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function Ge(e) {
+      if (I.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function ze(e, r) {
+      typeof e.ref == "string" && ge.current;
+    }
+    function Xe(e, r) {
+      {
+        var n = function() {
+          he || (he = !0, v("%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://reactjs.org/link/special-props)", r));
+        };
+        n.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: n,
+          configurable: !0
+        });
+      }
+    }
+    function He(e, r) {
+      {
+        var n = function() {
+          me || (me = !0, v("%s: `ref` 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://reactjs.org/link/special-props)", r));
+        };
+        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: n,
+          configurable: !0
+        });
+      }
+    }
+    var Ze = function(e, r, n, t, i, s, o) {
+      var a = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: j,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: n,
+        props: o,
+        // Record the component responsible for creating this element.
+        _owner: s
+      };
+      return a._store = {}, Object.defineProperty(a._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(a, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: t
+      }), Object.defineProperty(a, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: i
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+    };
+    function Qe(e, r, n, t, i) {
+      {
+        var s, o = {}, a = null, p = null;
+        n !== void 0 && (_e(n), a = "" + n), Ge(r) && (_e(r.key), a = "" + r.key), qe(r) && (p = r.ref, ze(r, i));
+        for (s in r)
+          I.call(r, s) && !Ke.hasOwnProperty(s) && (o[s] = r[s]);
+        if (e && e.defaultProps) {
+          var u = e.defaultProps;
+          for (s in u)
+            o[s] === void 0 && (o[s] = u[s]);
+        }
+        if (a || p) {
+          var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && Xe(o, l), p && He(o, l);
+        }
+        return Ze(e, a, p, i, t, ge.current, o);
+      }
+    }
+    var X = P.ReactCurrentOwner, Ee = P.ReactDebugCurrentFrame;
+    function D(e) {
+      if (e) {
+        var r = e._owner, n = M(e.type, e._source, r ? r.type : null);
+        Ee.setExtraStackFrame(n);
+      } else
+        Ee.setExtraStackFrame(null);
+    }
+    var H;
+    H = !1;
+    function Z(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === j;
+    }
+    function be() {
+      {
+        if (X.current) {
+          var e = w(X.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function er(e) {
+      return "";
+    }
+    var ye = {};
+    function rr(e) {
+      {
+        var r = be();
+        if (!r) {
+          var n = typeof e == "string" ? e : e.displayName || e.name;
+          n && (r = `
+
+Check the top-level render call using <` + n + ">.");
+        }
+        return r;
+      }
+    }
+    function Re(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var n = rr(r);
+        if (ye[n])
+          return;
+        ye[n] = !0;
+        var t = "";
+        e && e._owner && e._owner !== X.current && (t = " It was passed a child from " + w(e._owner.type) + "."), D(e), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, t), D(null);
+      }
+    }
+    function we(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (z(e))
+          for (var n = 0; n < e.length; n++) {
+            var t = e[n];
+            Z(t) && Re(t, r);
+          }
+        else if (Z(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var i = J(e);
+          if (typeof i == "function" && i !== e.entries)
+            for (var s = i.call(e), o; !(o = s.next()).done; )
+              Z(o.value) && Re(o.value, r);
+        }
+      }
+    }
+    function nr(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var n;
+        if (typeof r == "function")
+          n = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === c || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === g))
+          n = r.propTypes;
+        else
+          return;
+        if (n) {
+          var t = w(r);
+          Me(n, e.props, "prop", t, e);
+        } else if (r.PropTypes !== void 0 && !H) {
+          H = !0;
+          var i = w(r);
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function tr(e) {
+      {
+        for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
+          var t = r[n];
+          if (t !== "children" && t !== "key") {
+            D(e), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", t), D(null);
+            break;
+          }
+        }
+        e.ref !== null && (D(e), v("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
+      }
+    }
+    var je = {};
+    function Te(e, r, n, t, i, s) {
+      {
+        var o = Ne(e);
+        if (!o) {
+          var a = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var p = er();
+          p ? a += p : a += be();
+          var u;
+          e === null ? u = "null" : z(e) ? u = "array" : e !== void 0 && e.$$typeof === j ? (u = "<" + (w(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : u = typeof e, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", u, a);
+        }
+        var l = Qe(e, r, n, i, s);
+        if (l == null)
+          return l;
+        if (o) {
+          var h = r.children;
+          if (h !== void 0)
+            if (t)
+              if (z(h)) {
+                for (var F = 0; F < h.length; F++)
+                  we(h[F], e);
+                Object.freeze && Object.freeze(h);
+              } else
+                v("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
+              we(h, e);
+        }
+        if (I.call(r, "key")) {
+          var O = w(e), _ = Object.keys(r).filter(function(lr) {
+            return lr !== "key";
+          }), Q = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!je[O + Q]) {
+            var ur = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
+            v(`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} />`, Q, O, ur, O), je[O + Q] = !0;
+          }
+        }
+        return e === y ? tr(l) : nr(l), l;
+      }
+    }
+    function ar(e, r, n) {
+      return Te(e, r, n, !0);
+    }
+    function or(e, r, n) {
+      return Te(e, r, n, !1);
+    }
+    var ir = or, sr = ar;
+    W.Fragment = y, W.jsx = ir, W.jsxs = sr;
+  }()), W;
+}
+process.env.NODE_ENV === "production" ? ee.exports = cr() : ee.exports = fr();
+var d = ee.exports;
+const vr = ({
+  title: A,
+  content: j,
+  tags: k = [],
+  type: y = "default",
+  shadow: C = !0,
+  clickable: T = !1,
+  onClick: R,
+  className: E = "",
+  style: c,
+  icon: b,
+  author: f,
+  createTime: g,
+  readTime: m
+}) => {
+  const S = [
+    "knowledge-card",
+    `knowledge-card--${y}`,
+    C ? "knowledge-card--shadow" : "",
+    T ? "knowledge-card--clickable" : "",
+    E
+  ].filter(Boolean).join(" "), Y = () => {
+    T && R && R();
+  };
+  return /* @__PURE__ */ d.jsxs(
+    "div",
+    {
+      className: S,
+      style: c,
+      onClick: Y,
+      children: [
+        /* @__PURE__ */ d.jsxs("div", { className: "knowledge-card__header", children: [
+          b && /* @__PURE__ */ d.jsx("div", { className: "knowledge-card__icon", children: b }),
+          /* @__PURE__ */ d.jsx("h3", { className: "knowledge-card__title", children: A })
+        ] }),
+        /* @__PURE__ */ d.jsx("div", { className: "knowledge-card__content", children: /* @__PURE__ */ d.jsx("p", { className: "knowledge-card__text", children: j }) }),
+        k.length > 0 && /* @__PURE__ */ d.jsx("div", { className: "knowledge-card__tags", children: k.map((B, J) => /* @__PURE__ */ d.jsx("span", { className: "knowledge-card__tag", children: B }, J)) }),
+        (f || g || m) && /* @__PURE__ */ d.jsx("div", { className: "knowledge-card__footer", children: /* @__PURE__ */ d.jsxs("div", { className: "knowledge-card__meta", children: [
+          f && /* @__PURE__ */ d.jsxs("span", { className: "knowledge-card__author", children: [
+            /* @__PURE__ */ d.jsx("i", { className: "icon-user" }),
+            f
+          ] }),
+          g && /* @__PURE__ */ d.jsxs("span", { className: "knowledge-card__time", children: [
+            /* @__PURE__ */ d.jsx("i", { className: "icon-clock" }),
+            g
+          ] }),
+          m && /* @__PURE__ */ d.jsxs("span", { className: "knowledge-card__read-time", children: [
+            /* @__PURE__ */ d.jsx("i", { className: "icon-book" }),
+            m
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+export {
+  vr as KnowledgeCard
+};

package/dist/index.umd.js

@@ -0,0 +1,30 @@
+(function(j,C){typeof exports=="object"&&typeof module<"u"?C(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],C):(j=typeof globalThis<"u"?globalThis:j||self,C(j.ReactKnowledgeCard={},j.React))})(this,function(j,C){"use strict";var J={exports:{}},I={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var te;function Se(){if(te)return I;te=1;var Y=C,T=Symbol.for("react.element"),S=Symbol.for("react.fragment"),E=Object.prototype.hasOwnProperty,P=Y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,x={key:!0,ref:!0,__self:!0,__source:!0};function R(y,c,b){var f,_={},m=null,D=null;b!==void 0&&(m=""+b),c.key!==void 0&&(m=""+c.key),c.ref!==void 0&&(D=c.ref);for(f in c)E.call(c,f)&&!x.hasOwnProperty(f)&&(_[f]=c[f]);if(y&&y.defaultProps)for(f in c=y.defaultProps,c)_[f]===void 0&&(_[f]=c[f]);return{$$typeof:T,type:y,key:m,ref:D,props:_,_owner:P.current}}return I.Fragment=S,I.jsx=R,I.jsxs=R,I}var W={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var ae;function Pe(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&function(){var Y=C,T=Symbol.for("react.element"),S=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),P=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),R=Symbol.for("react.provider"),y=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),D=Symbol.for("react.offscreen"),M=Symbol.iterator,q="@@iterator";function G(e){if(e===null||typeof e!="object")return null;var r=M&&e[M]||e[q];return typeof r=="function"?r:null}var F=Y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function v(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),t=1;t<r;t++)n[t-1]=arguments[t];Fe("error",e,n)}}function Fe(e,r,n){{var t=F.ReactDebugCurrentFrame,i=t.getStackAddendum();i!==""&&(r+="%s",n=n.concat([i]));var s=n.map(function(o){return String(o)});s.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,s)}}var Ae=!1,Ne=!1,Ie=!1,We=!1,Ye=!1,oe;oe=Symbol.for("react.module.reference");function $e(e){return!!(typeof e=="string"||typeof e=="function"||e===E||e===x||Ye||e===P||e===b||e===f||We||e===D||Ae||Ne||Ie||typeof e=="object"&&e!==null&&(e.$$typeof===m||e.$$typeof===_||e.$$typeof===R||e.$$typeof===y||e.$$typeof===c||e.$$typeof===oe||e.getModuleId!==void 0))}function Le(e,r,n){var t=e.displayName;if(t)return t;var i=r.displayName||r.name||"";return i!==""?n+"("+i+")":n}function ie(e){return e.displayName||"Context"}function w(e){if(e==null)return null;if(typeof e.tag=="number"&&v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case E:return"Fragment";case S:return"Portal";case x:return"Profiler";case P:return"StrictMode";case b:return"Suspense";case f:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case y:var r=e;return ie(r)+".Consumer";case R:var n=e;return ie(n._context)+".Provider";case c:return Le(e,e.render,"ForwardRef");case _:var t=e.displayName||null;return t!==null?t:w(e.type)||"Memo";case m:{var i=e,s=i._payload,o=i._init;try{return w(o(s))}catch{return null}}}return null}var O=Object.assign,$=0,se,ue,le,ce,fe,de,ve;function pe(){}pe.__reactDisabledLog=!0;function Me(){{if($===0){se=console.log,ue=console.info,le=console.warn,ce=console.error,fe=console.group,de=console.groupCollapsed,ve=console.groupEnd;var e={configurable:!0,enumerable:!0,value:pe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}$++}}function Ve(){{if($--,$===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:O({},e,{value:se}),info:O({},e,{value:ue}),warn:O({},e,{value:le}),error:O({},e,{value:ce}),group:O({},e,{value:fe}),groupCollapsed:O({},e,{value:de}),groupEnd:O({},e,{value:ve})})}$<0&&v("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var z=F.ReactCurrentDispatcher,X;function V(e,r,n){{if(X===void 0)try{throw Error()}catch(i){var t=i.stack.trim().match(/\n( *(at )?)/);X=t&&t[1]||""}return`
+`+X+e}}var H=!1,U;{var Ue=typeof WeakMap=="function"?WeakMap:Map;U=new Ue}function ge(e,r){if(!e||H)return"";{var n=U.get(e);if(n!==void 0)return n}var t;H=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var s;s=z.current,z.current=null,Me();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(g){t=g}Reflect.construct(e,[],o)}else{try{o.call()}catch(g){t=g}e.call(o.prototype)}}else{try{throw Error()}catch(g){t=g}e()}}catch(g){if(g&&t&&typeof g.stack=="string"){for(var a=g.stack.split(`
+`),p=t.stack.split(`
+`),u=a.length-1,l=p.length-1;u>=1&&l>=0&&a[u]!==p[l];)l--;for(;u>=1&&l>=0;u--,l--)if(a[u]!==p[l]){if(u!==1||l!==1)do if(u--,l--,l<0||a[u]!==p[l]){var h=`
+`+a[u].replace(" at new "," at ");return e.displayName&&h.includes("<anonymous>")&&(h=h.replace("<anonymous>",e.displayName)),typeof e=="function"&&U.set(e,h),h}while(u>=1&&l>=0);break}}}finally{H=!1,z.current=s,Ve(),Error.prepareStackTrace=i}var N=e?e.displayName||e.name:"",k=N?V(N):"";return typeof e=="function"&&U.set(e,k),k}function Ke(e,r,n){return ge(e,!1)}function Be(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function K(e,r,n){if(e==null)return"";if(typeof e=="function")return ge(e,Be(e));if(typeof e=="string")return V(e);switch(e){case b:return V("Suspense");case f:return V("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case c:return Ke(e.render);case _:return K(e.type,r,n);case m:{var t=e,i=t._payload,s=t._init;try{return K(s(i),r,n)}catch{}}}return""}var L=Object.prototype.hasOwnProperty,_e={},he=F.ReactDebugCurrentFrame;function B(e){if(e){var r=e._owner,n=K(e.type,e._source,r?r.type:null);he.setExtraStackFrame(n)}else he.setExtraStackFrame(null)}function Je(e,r,n,t,i){{var s=Function.call.bind(L);for(var o in e)if(s(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var p=Error((t||"React class")+": "+n+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}a=e[o](r,o,t,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(u){a=u}a&&!(a instanceof Error)&&(B(i),v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",t||"React class",n,o,typeof a),B(null)),a instanceof Error&&!(a.message in _e)&&(_e[a.message]=!0,B(i),v("Failed %s type: %s",n,a.message),B(null))}}}var qe=Array.isArray;function Z(e){return qe(e)}function Ge(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function ze(e){try{return me(e),!1}catch{return!0}}function me(e){return""+e}function ye(e){if(ze(e))return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ge(e)),me(e)}var be=F.ReactCurrentOwner,Xe={key:!0,ref:!0,__self:!0,__source:!0},Ee,Re;function He(e){if(L.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ze(e){if(L.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Qe(e,r){typeof e.ref=="string"&&be.current}function er(e,r){{var n=function(){Ee||(Ee=!0,v("%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://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}}function rr(e,r){{var n=function(){Re||(Re=!0,v("%s: `ref` 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://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}}var nr=function(e,r,n,t,i,s,o){var a={$$typeof:T,type:e,key:r,ref:n,props:o,_owner:s};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:t}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function tr(e,r,n,t,i){{var s,o={},a=null,p=null;n!==void 0&&(ye(n),a=""+n),Ze(r)&&(ye(r.key),a=""+r.key),He(r)&&(p=r.ref,Qe(r,i));for(s in r)L.call(r,s)&&!Xe.hasOwnProperty(s)&&(o[s]=r[s]);if(e&&e.defaultProps){var u=e.defaultProps;for(s in u)o[s]===void 0&&(o[s]=u[s])}if(a||p){var l=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&er(o,l),p&&rr(o,l)}return nr(e,a,p,i,t,be.current,o)}}var Q=F.ReactCurrentOwner,we=F.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,n=K(e.type,e._source,r?r.type:null);we.setExtraStackFrame(n)}else we.setExtraStackFrame(null)}var ee;ee=!1;function re(e){return typeof e=="object"&&e!==null&&e.$$typeof===T}function je(){{if(Q.current){var e=w(Q.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return""}}function ar(e){return""}var Te={};function or(e){{var r=je();if(!r){var n=typeof e=="string"?e:e.displayName||e.name;n&&(r=`
+
+Check the top-level render call using <`+n+">.")}return r}}function xe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=or(r);if(Te[n])return;Te[n]=!0;var t="";e&&e._owner&&e._owner!==Q.current&&(t=" It was passed a child from "+w(e._owner.type)+"."),A(e),v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,t),A(null)}}function Oe(e,r){{if(typeof e!="object")return;if(Z(e))for(var n=0;n<e.length;n++){var t=e[n];re(t)&&xe(t,r)}else if(re(e))e._store&&(e._store.validated=!0);else if(e){var i=G(e);if(typeof i=="function"&&i!==e.entries)for(var s=i.call(e),o;!(o=s.next()).done;)re(o.value)&&xe(o.value,r)}}}function ir(e){{var r=e.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===c||r.$$typeof===_))n=r.propTypes;else return;if(n){var t=w(r);Je(n,e.props,"prop",t,e)}else if(r.PropTypes!==void 0&&!ee){ee=!0;var i=w(r);v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function sr(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var t=r[n];if(t!=="children"&&t!=="key"){A(e),v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",t),A(null);break}}e.ref!==null&&(A(e),v("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var ke={};function Ce(e,r,n,t,i,s){{var o=$e(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var p=ar();p?a+=p:a+=je();var u;e===null?u="null":Z(e)?u="array":e!==void 0&&e.$$typeof===T?(u="<"+(w(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):u=typeof e,v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",u,a)}var l=tr(e,r,n,i,s);if(l==null)return l;if(o){var h=r.children;if(h!==void 0)if(t)if(Z(h)){for(var N=0;N<h.length;N++)Oe(h[N],e);Object.freeze&&Object.freeze(h)}else v("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 Oe(h,e)}if(L.call(r,"key")){var k=w(e),g=Object.keys(r).filter(function(vr){return vr!=="key"}),ne=g.length>0?"{key: someKey, "+g.join(": ..., ")+": ...}":"{key: someKey}";if(!ke[k+ne]){var dr=g.length>0?"{"+g.join(": ..., ")+": ...}":"{}";v(`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} />`,ne,k,dr,k),ke[k+ne]=!0}}return e===E?sr(l):ir(l),l}}function ur(e,r,n){return Ce(e,r,n,!0)}function lr(e,r,n){return Ce(e,r,n,!1)}var cr=lr,fr=ur;W.Fragment=E,W.jsx=cr,W.jsxs=fr}()),W}process.env.NODE_ENV==="production"?J.exports=Se():J.exports=Pe();var d=J.exports;const De=({title:Y,content:T,tags:S=[],type:E="default",shadow:P=!0,clickable:x=!1,onClick:R,className:y="",style:c,icon:b,author:f,createTime:_,readTime:m})=>{const D=["knowledge-card",`knowledge-card--${E}`,P?"knowledge-card--shadow":"",x?"knowledge-card--clickable":"",y].filter(Boolean).join(" "),M=()=>{x&&R&&R()};return d.jsxs("div",{className:D,style:c,onClick:M,children:[d.jsxs("div",{className:"knowledge-card__header",children:[b&&d.jsx("div",{className:"knowledge-card__icon",children:b}),d.jsx("h3",{className:"knowledge-card__title",children:Y})]}),d.jsx("div",{className:"knowledge-card__content",children:d.jsx("p",{className:"knowledge-card__text",children:T})}),S.length>0&&d.jsx("div",{className:"knowledge-card__tags",children:S.map((q,G)=>d.jsx("span",{className:"knowledge-card__tag",children:q},G))}),(f||_||m)&&d.jsx("div",{className:"knowledge-card__footer",children:d.jsxs("div",{className:"knowledge-card__meta",children:[f&&d.jsxs("span",{className:"knowledge-card__author",children:[d.jsx("i",{className:"icon-user"}),f]}),_&&d.jsxs("span",{className:"knowledge-card__time",children:[d.jsx("i",{className:"icon-clock"}),_]}),m&&d.jsxs("span",{className:"knowledge-card__read-time",children:[d.jsx("i",{className:"icon-book"}),m]})]})})]})};j.KnowledgeCard=De,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -0,0 +1 @@
+.knowledge-card{background:#fff;border-radius:12px;padding:20px;margin:16px 0;border:1px solid #e8e8e8;transition:all .3s ease;position:relative;overflow:hidden}.knowledge-card--shadow{box-shadow:0 2px 8px #0000001a}.knowledge-card--clickable{cursor:pointer}.knowledge-card--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.knowledge-card--primary{border-left:4px solid #1890ff}.knowledge-card--primary .knowledge-card__title{color:#1890ff}.knowledge-card--success{border-left:4px solid #52c41a}.knowledge-card--success .knowledge-card__title{color:#52c41a}.knowledge-card--warning{border-left:4px solid #faad14}.knowledge-card--warning .knowledge-card__title{color:#faad14}.knowledge-card--danger{border-left:4px solid #ff4d4f}.knowledge-card--danger .knowledge-card__title{color:#ff4d4f}.knowledge-card__header{display:flex;align-items:center;margin-bottom:12px}.knowledge-card__icon{margin-right:8px;font-size:20px;display:flex;align-items:center}.knowledge-card__title{margin:0;font-size:18px;font-weight:600;color:#262626;line-height:1.4}.knowledge-card__content{margin-bottom:16px}.knowledge-card__text{margin:0;color:#595959;line-height:1.6;font-size:14px}.knowledge-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.knowledge-card__tag{display:inline-block;padding:4px 8px;background:#f0f0f0;color:#595959;border-radius:4px;font-size:12px;font-weight:500;transition:all .2s ease}.knowledge-card__tag:hover{background:#e6f7ff;color:#1890ff}.knowledge-card__footer{border-top:1px solid #f0f0f0;padding-top:12px}.knowledge-card__meta{display:flex;align-items:center;gap:16px;font-size:12px;color:#8c8c8c}.knowledge-card__author,.knowledge-card__time,.knowledge-card__read-time{display:flex;align-items:center;gap:4px}.knowledge-card__author i,.knowledge-card__time i,.knowledge-card__read-time i{font-size:12px}@media (max-width: 768px){.knowledge-card{padding:16px;margin:12px 0}.knowledge-card__title{font-size:16px}.knowledge-card__text{font-size:13px}.knowledge-card__meta{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-color-scheme: dark){.knowledge-card{background:#1f1f1f;border-color:#303030;color:#fff}.knowledge-card__title{color:#fff}.knowledge-card__text{color:#d9d9d9}.knowledge-card__tag{background:#262626;color:#d9d9d9}.knowledge-card__tag:hover{background:#003a8c;color:#91d5ff}.knowledge-card__footer{border-top-color:#303030}.knowledge-card__meta{color:#8c8c8c}}.icon-user:before{content:"👤"}.icon-clock:before{content:"🕒"}.icon-book:before{content:"📖"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@oscloudlab/knowledge-card",
+  "version": "0.0.1",
+  "description": "A beautiful and customizable knowledge card component for React",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "build:lib": "vite build --mode lib",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build:lib",
+    "publish:npm": "npm publish"
+  },
+  "keywords": [
+    "react",
+    "component",
+    "knowledge-card",
+    "ui",
+    "typescript"
+  ],
+  "author": "huangjianzhong",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cloudlab-os/KnowledgeCard.git"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.6",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@vitejs/plugin-react": "^4.2.1",
+    "less": "^4.2.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8",
+    "vite-plugin-dts": "^3.6.4"
+  },
+  "dependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  }
+}