@fileverse-dev/fortune-react 1.0.26 → 1.1.0

package/lib/components/ImgBoxs/index.js

@@ -1,228 +0,0 @@
-"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

@@ -1,255 +0,0 @@
-.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

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