@fileverse-dev/fortune-react 1.1.0 → 1.1.1

package/lib/components/IFrameBoxs/iFrameBoxs.js

@@ -0,0 +1,151 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ui = require("@fileverse/ui");
+var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _context = _interopRequireDefault(require("../../context"));
+require("./iFrameBoxs.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var IframeBoxs = function IframeBoxs() {
+  var _a = (0, _react.useContext)(_context.default),
+    context = _a.context,
+    setContext = _a.setContext,
+    refs = _a.refs;
+  var containerRef = (0, _react.useRef)(null);
+  var currentSheetIframes = (0, _react.useMemo)(function () {
+    var currentSheet = context.luckysheetfile.find(function (sheet) {
+      return sheet.id === context.currentSheetId;
+    });
+    return (currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.iframes) || [];
+  }, [context.luckysheetfile, context.currentSheetId]);
+  (0, _react.useEffect)(function () {
+    var handleClickOutside = function handleClickOutside(e) {
+      if (!containerRef.current) return;
+      var iframeBoxes = containerRef.current.querySelectorAll(".luckysheet-modal-dialog-iframe");
+      var clickedInsideSomeIframe = Array.from(iframeBoxes).some(function (el) {
+        return el.contains(e.target);
+      });
+      if (!clickedInsideSomeIframe && context.activeIframe !== undefined) {
+        setContext(function (ctx) {
+          ctx.activeIframe = undefined;
+        });
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return function () {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [context.activeIframe, setContext]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: "fortune-iframe-boxes",
+    ref: containerRef
+  }, currentSheetIframes === null || currentSheetIframes === void 0 ? void 0 : currentSheetIframes.map(function (frame) {
+    var isActive = frame.id === context.activeIframe;
+    var style = {
+      width: frame.width * context.zoomRatio,
+      height: frame.height * context.zoomRatio,
+      left: frame.left * context.zoomRatio,
+      top: frame.top * context.zoomRatio,
+      position: "absolute",
+      padding: 0,
+      zIndex: isActive ? 300 : 200
+    };
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: frame.id,
+      id: isActive ? "fortune-modal-dialog-activeIframe" : frame.id,
+      className: "luckysheet-modal-dialog luckysheet-modal-dialog-iframe",
+      style: style,
+      onClick: function onClick(e) {
+        if (!isActive) {
+          setContext(function (ctx) {
+            ctx.activeIframe = frame.id;
+          });
+        }
+        e.stopPropagation();
+      },
+      onMouseDown: function onMouseDown(e) {
+        if (isActive) {
+          (0, _fortuneCore.onIframeMoveStart)(context, refs.globalCache, e.nativeEvent);
+          var handleMouseMove_1 = function handleMouseMove_1(moveEvent) {
+            (0, _fortuneCore.onIframeMove)(context, refs.globalCache, moveEvent);
+          };
+          var _handleMouseUp_ = function handleMouseUp_1() {
+            (0, _fortuneCore.onIframeMoveEnd)(context, refs.globalCache);
+            document.removeEventListener("mousemove", handleMouseMove_1);
+            document.removeEventListener("mouseup", _handleMouseUp_);
+          };
+          document.addEventListener("mousemove", handleMouseMove_1);
+          document.addEventListener("mouseup", _handleMouseUp_);
+        }
+        e.stopPropagation();
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "luckysheet-modal-dialog-content",
+      style: {
+        width: "100%",
+        height: "100%",
+        overflow: "hidden"
+      }
+    }, /*#__PURE__*/_react.default.createElement("iframe", {
+      title: "iframe-".concat(frame.id),
+      src: frame.src,
+      style: {
+        width: "100%",
+        height: "100%",
+        border: "none",
+        pointerEvents: "none"
+      }
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "luckysheet-modal-dialog-border"
+    }), isActive && (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: "luckysheet-modal-dialog-resize"
+    }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: v,
+        className: "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-".concat(v),
+        "data-type": v,
+        onMouseDown: function onMouseDown(e) {
+          (0, _fortuneCore.onIframeResizeStart)(context, refs.globalCache, e.nativeEvent, v);
+          var handleMouseMove = function handleMouseMove(moveEvent) {
+            (0, _fortuneCore.onIframeResize)(context, refs.globalCache, moveEvent);
+          };
+          var _handleMouseUp = function handleMouseUp() {
+            (0, _fortuneCore.onIframeResizeEnd)(context, refs.globalCache);
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", _handleMouseUp);
+          };
+          document.addEventListener("mousemove", handleMouseMove);
+          document.addEventListener("mouseup", _handleMouseUp);
+          e.stopPropagation();
+        }
+      });
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "luckysheet-modal-dialog-controll"
+    }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
+      icon: "Trash2",
+      onClick: function onClick() {
+        setContext(function (ctx) {
+          var _a;
+          var currentSheet = ctx.luckysheetfile.find(function (sheet) {
+            return sheet.id === ctx.currentSheetId;
+          });
+          if (currentSheet) {
+            currentSheet.iframes = (_a = currentSheet.iframes) === null || _a === void 0 ? void 0 : _a.filter(function (f) {
+              return f.id !== frame.id;
+            });
+          }
+          ctx.activeIframe = undefined;
+        });
+      },
+      variant: "ghost",
+      className: "fortune-iframe-boxes-delete-button"
+    })))));
+  }));
+};
+var _default = exports.default = IframeBoxs;

package/lib/components/ImgBoxs/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ImgBoxs: React.FC;
+export default ImgBoxs;

package/lib/components/ImgBoxs/index.js

@@ -0,0 +1,228 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _lodash = _interopRequireDefault(require("lodash"));
+var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _react = _interopRequireWildcard(require("react"));
+var _context = _interopRequireDefault(require("../../context"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var ImgBoxs = function ImgBoxs() {
+  var _a;
+  var _b = (0, _react.useContext)(_context.default),
+    context = _b.context,
+    setContext = _b.setContext,
+    refs = _b.refs;
+  var activeImg = (0, _react.useMemo)(function () {
+    return _lodash.default.find(context.insertedImgs, {
+      id: context.activeImg
+    });
+  }, [context.activeImg, context.insertedImgs]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: "luckysheet-image-showBoxs"
+  }, activeImg && (/*#__PURE__*/_react.default.createElement("div", {
+    id: "luckysheet-modal-dialog-activeImage",
+    className: "luckysheet-modal-dialog",
+    style: {
+      padding: 0,
+      position: "absolute",
+      zIndex: 300,
+      width: activeImg.width * context.zoomRatio,
+      height: activeImg.height * context.zoomRatio,
+      left: activeImg.left * context.zoomRatio,
+      top: activeImg.top * context.zoomRatio
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "luckysheet-modal-dialog-border",
+    style: {
+      position: "absolute"
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "luckysheet-modal-dialog-content",
+    style: {
+      width: activeImg.width * context.zoomRatio,
+      height: activeImg.height * context.zoomRatio,
+      backgroundImage: "url(".concat(activeImg.src, ")"),
+      backgroundSize: "".concat(activeImg.width * context.zoomRatio, "px ").concat(activeImg.height * context.zoomRatio, "px"),
+      backgroundRepeat: "no-repeat"
+    },
+    onMouseDown: function onMouseDown(e) {
+      var nativeEvent = e.nativeEvent;
+      (0, _fortuneCore.onImageMoveStart)(context, refs.globalCache, nativeEvent);
+      e.stopPropagation();
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "luckysheet-modal-dialog-resize"
+  }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v,
+      className: "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-".concat(v),
+      "data-type": v,
+      onMouseDown: function onMouseDown(e) {
+        var nativeEvent = e.nativeEvent;
+        (0, _fortuneCore.onImageResizeStart)(refs.globalCache, nativeEvent, v);
+        e.stopPropagation();
+      }
+    });
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "luckysheet-modal-dialog-controll"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-crop",
+    role: "button",
+    tabIndex: 0,
+    "aria-label": "\u88C1\u526A",
+    title: "\u88C1\u526A"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-pencil",
+    "aria-hidden": "true"
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-restore",
+    role: "button",
+    tabIndex: 0,
+    "aria-label": "\u6062\u590D\u539F\u56FE",
+    title: "\u6062\u590D\u539F\u56FE"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-window-maximize",
+    "aria-hidden": "true"
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
+    role: "button",
+    tabIndex: 0,
+    "aria-label": "\u5220\u9664",
+    title: "\u5220\u9664"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-trash",
+    "aria-hidden": "true"
+  }))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "img-list"
+  }, (_a = context.insertedImgs) === null || _a === void 0 ? void 0 : _a.map(function (v) {
+    var id = v.id,
+      left = v.left,
+      top = v.top,
+      width = v.width,
+      height = v.height,
+      src = v.src;
+    if (v.id === context.activeImg) return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      id: id,
+      key: id,
+      className: "luckysheet-modal-dialog luckysheet-modal-dialog-image",
+      style: {
+        width: width * context.zoomRatio,
+        height: height * context.zoomRatio,
+        padding: 0,
+        position: "absolute",
+        left: left * context.zoomRatio,
+        top: top * context.zoomRatio,
+        zIndex: 200
+      },
+      onMouseDown: function onMouseDown(e) {
+        return e.stopPropagation();
+      },
+      onClick: function onClick(e) {
+        setContext(function (ctx) {
+          ctx.activeImg = id;
+        });
+        e.stopPropagation();
+      },
+      tabIndex: 0
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "luckysheet-modal-dialog-content",
+      style: {
+        width: "100%",
+        height: "100%",
+        overflow: "hidden",
+        position: "relative"
+      }
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      src: src,
+      alt: "",
+      style: {
+        width: width * context.zoomRatio,
+        height: height * context.zoomRatio
+      }
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "luckysheet-modal-dialog-border"
+    }));
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    id: "luckysheet-modal-dialog-cropping",
+    className: "luckysheet-modal-dialog",
+    style: {
+      display: "none",
+      padding: 0,
+      position: "absolute",
+      zIndex: 300
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cropping-mask"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cropping-content"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "luckysheet-modal-dialog-border",
+    style: {
+      position: "absolute"
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "luckysheet-modal-dialog-resize"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "resize-item lt",
+    "data-type": "lt"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "resize-item mt",
+    "data-type": "mt"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "resize-item lm",
+    "data-type": "lm"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "resize-item rm",
+    "data-type": "rm"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "resize-item rt",
+    "data-type": "rt"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "resize-item lb",
+    "data-type": "lb"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "resize-item mb",
+    "data-type": "mb"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "resize-item rb",
+    "data-type": "rb"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "luckysheet-modal-dialog-controll"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-crop",
+    role: "button",
+    tabIndex: 0,
+    "aria-label": "\u88C1\u526A",
+    title: "\u88C1\u526A"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-pencil",
+    "aria-hidden": "true"
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-restore",
+    role: "button",
+    tabIndex: 0,
+    "aria-label": "\u6062\u590D\u539F\u56FE",
+    title: "\u6062\u590D\u539F\u56FE"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-window-maximize",
+    "aria-hidden": "true"
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
+    role: "button",
+    tabIndex: 0,
+    "aria-label": "\u5220\u9664",
+    title: "\u5220\u9664"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-trash",
+    "aria-hidden": "true"
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cell-date-picker"
+  }));
+};
+var _default = exports.default = ImgBoxs;

package/lib/components/LinkEidtCard/index.css

@@ -0,0 +1,255 @@
+.fortune-link-modify-modal {
+  position: absolute;
+  overflow: hidden;
+  background-color: #fff;
+  z-index: 300;
+  padding: 16px 20px 20px 20px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  border: 1px solid #e5e5e5;
+  border-radius: 8px;
+  min-width: 320px;
+}
+
+.fortune-link-cards-container {
+  position: absolute;
+  display: flex;
+  gap: 16px;
+  z-index: 300;
+}
+
+.fortune-link-card {
+  position: absolute;
+  background-color: #fff;
+  border: 1px solid #e5e5e5;
+  border-radius: 8px;
+  padding: 16px;
+  width: 300px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  z-index: 300;
+}
+
+.fortune-link-type-select {
+  width: 100% !important;
+}
+
+.fortune-link-type-dropdown {
+  z-index: 999999 !important;
+}
+
+.fortune-sheet-dropdown {
+  z-index: 999999 !important;
+}
+
+.fortune-input-with-icon {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.fortune-input-with-icon .input-icon {
+  position: absolute;
+  left: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 16px;
+  height: 16px;
+  color: #666;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.fortune-input-with-icon .input-icon svg {
+  width: 16px;
+  height: 16px;
+}
+
+.fortune-link-input {
+  width: 100% !important;
+  padding-left: 36px !important;
+}
+
+.fortune-sheet-select {
+  width: 100% !important;
+  padding-left: 36px !important;
+}
+
+/* Ensure Select dropdowns appear above everything */
+[data-radix-portal] {
+  z-index: 999999 !important;
+}
+
+.fortune-insert-button {
+  width: 100% !important;
+  border: none !important;
+  border-radius: 6px !important;
+  padding: 12px !important;
+  font-weight: 500 !important;
+}
+
+.fortune-link-modify-modal.link-toolbar {
+  display: flex;
+  flex-direction: row;
+  padding: 2px 8px 2px 16px;
+  align-items: center;
+}
+
+.fortune-link-modify-modal .link-content {
+  margin-right: 6px;
+}
+
+.fortune-link-modify-modal .link-content:hover {
+  color: #2674fb;
+  cursor: pointer;
+}
+
+.fortune-link-modify-modal .divider {
+  width: 1px;
+  height: 16px;
+  margin: 0px 6px;
+  background-color: #e0e0e0;
+  flex-shrink: 0;
+}
+
+.fortune-link-modify-modal .fortune-toolbar-button {
+  padding: 6px;
+}
+
+.fortune-link-modify-modal .fortune-toolbar-button:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+  cursor: pointer;
+}
+
+.fortune-link-modify-modal.range-selection-modal {
+  width: 380px;
+  padding: 22px;
+  user-select: auto;
+  background-color: #fff;
+}
+
+.fortune-link-modify-line {
+  padding-top: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.fortune-link-modify-line:first-child {
+  padding-top: 0;
+}
+
+.fortune-link-modify-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #333333;
+  margin-bottom: 4px;
+}
+
+.fortune-link-modify-input {
+  width: 100% !important;
+}
+
+.fortune-link-modify-select {
+  width: 100% !important;
+}
+
+.input-with-selector {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.input-with-selector .fortune-link-modify-input {
+  padding-right: 32px !important;
+}
+
+.fortune-link-modify-cell-selector {
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 20px;
+  height: 20px;
+  padding: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  cursor: pointer;
+  background: transparent;
+  border-radius: 4px;
+}
+
+.fortune-link-modify-cell-selector:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+
+.fortune-link-modify-modal .modal-title {
+  font-weight: 600;
+  font-size: 18px;
+  color: rgba(0, 0, 0, 0.88);
+  margin-bottom: 16px;
+  line-height: 24px;
+}
+
+.fortune-link-modify-modal .range-selection-input {
+  width: 100% !important;
+}
+
+.fortune-link-modify-modal .modal-icon-close {
+  position: absolute;
+  right: 22px;
+  top: 22px;
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+}
+
+.fortune-link-modify-modal .modal-icon-close:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+}
+
+.fortune-link-modify-modal .validation-input-tip {
+  font-size: 12px;
+  color: #ef4e2f;
+  margin-top: 4px;
+}
+
+.fortune-link-modify-modal .button-group {
+  display: flex;
+  gap: 12px;
+  justify-content: flex-end;
+}
+
+.fortune-link-modify-modal .modal-footer {
+  display: flex;
+  justify-content: flex-end;
+  padding-top: 20px;
+  margin-top: 8px;
+  border-top: 1px solid #f0f0f0;
+}
+
+.fortune-link-modify-modal.range-selection-modal .modal-footer {
+  padding-top: 16px;
+  border-top: 1px solid #f0f0f0;
+}
+
+/* Error state styling for fileverse/ui components */
+.fortune-link-modify-modal .error-input input,
+.fortune-link-card .error-input input {
+  border-color: #ef4e2f !important;
+}
+
+.fortune-link-modify-modal .error-input input:focus,
+.fortune-link-card .error-input input:focus {
+  border-color: #ef4e2f !important;
+  box-shadow: 0 0 0 2px rgba(239, 78, 47, 0.2) !important;
+}

package/lib/components/LinkEidtCard/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { LinkCardProps } from "@fileverse-dev/fortune-core";
+import "./index.css";
+export declare const LinkEditCard: React.FC<LinkCardProps>;
+export default LinkEditCard;